Jquery Скрыть и показать не работает

Question

это мой JQuery

$(document).ready(function() { 
    $('#lnkButtonSchools').click(function() { 
     var dvSchools = $('#divSchools'); 
     dvSchools.toggle(); 
    }); 
}); 

это декларация DIV whics я хочу, чтобы переключить

<div id="divSchools" runat="server" style="display:none"> 

это кнопка Якорь

<a id="lnkButtonSchools" runat="server" class="span8 pad2" style="margin-left:0px;font-size:12px;">Limit by School</a> 

При нажатии кнопки привязки div не появляется. Какая ошибка?

Answer 1

Try, чтобы предотвратить действие якоря с помощью .preventDefault() как по умолчанию:

$('#<%= lnkButtonSchools.ClientID %>').click(function (e) { 
    e.preventDefault(); 
    var dvSchools = $('#<%= divSchools.ClientID %>'); 
    dvSchools.toggle(); 
}); 

Кроме того, используйте <%= lnkButtonSchools.ClientID %> для получения правильного ID якоря, так как ваш режим ID клиента не является статичным,

Answer 2

проблема может заключаться в том, что тег привязки получает триггер и загружает страницу.

Попробуйте этот код:

$(document).ready(function() { 
    $('#lnkButtonSchools').click(function() { 
    var dvSchools = $('#divSchools'); 
    dvSchools.toggle(); 
    return false; // this code 
    }); 
}); 

Это заставит код, чтобы вернуться к текущей странице и остановить дальнейшее выполнение. Таким образом, остановка метки привязки для загрузки новой страницы. Надеюсь, что этот div получит display: block, так как ваш код будет идеальным; если вы правильно подключили свою веб-страницу к файлу .js.

Answer 3

Попробуйте этот код:

$(document).ready(function() { 
    $('#<%=lnkButtonSchools.ClientID %>').click(function() { 
    $('#<%=divSchools.ClientID %>').toggle(); 
    return false; 
    }); 
});