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" />
0
Dmitry Makovetskiyd 19 jul. 2011 a las 16:41

4 respuestas

La mejor respuesta

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.

5
jensgram 19 jul. 2011 a las 12:43

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.

0
jasalguero 19 jul. 2011 a las 12:47

Póngalo en "document.ready"

document.ready(function() {
     //Your code here
});
0
Gasim 19 jul. 2011 a las 12:43

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).

2
James McCormack 19 jul. 2011 a las 12:44