Intento ocultar el texto con un clic de botón, no estoy seguro de cómo se hace: ..
<script type="text/javascript">
$('.HideButton').click(
function () {
$('#disclaimer').hide();
}
);
</script>
El cuerpo:
<p id="disclaimer" > DDDDDDDDDDDDDDDDDDDDDDDDDD</p>
<asp:Button ID="Button1" CssClass="HideButton" runat="server" Text="Hide" />
4 respuestas
Debe envolverlo en el manejador listo, pero aparte de eso debería funcionar:
$(function() {
$('.HideButton').click(function () {
$('#disclaimer').hide();
});
});
(demo - ligeramente modificado para superar la dependencia ASP.) Tenga en cuenta que el botón puede tener otros efectos secundarios, también, cf. La respuesta de @Zootius.
Tratar:
<script type="text/javascript">
$(document).ready(function(){
$('.HideButton').click(function () {
$('#disclaimer').hide();
});
});
</script>
Debe decirle al navegador cuándo agregar el oyente al botón. Por lo general, eso se hace en la función de listo porque lo desea siempre tan pronto como se procese la página.
Póngalo en "document.ready"
document.ready(function() {
//Your code here
});
Su botón no debe ser un asp: Button. Haz esto en su lugar.
<input type="button" value="Hide" class="HideButton" />
Esto se debe a que el botón asp: provoca una devolución de datos completa al hacer clic (verifique el origen de la página; se muestra como un botón de envío de formulario).
Preguntas relacionadas
Nuevas preguntas
javascript
Para preguntas sobre la programación en ECMAScript (JavaScript / JS) y sus diversos dialectos / implementaciones (excepto ActionScript). Incluya todas las etiquetas relevantes en su pregunta; por ejemplo, [node.js], [jquery], [json], etc.