Простой jquery не работает

Question

Это мой первый раз с использованием jquery, и я не знаю, почему этот простой раздел не будет работать. У меня есть две кнопки, одна из которых скрывает div и другую, которая показывает это, но кнопки продолжают делать обратную передачу, даже если я установил UseSubmitBehaviour в false.

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#Social_WorkerButton").click((function() { 
     $("#SponsorDetails").hide("slow"); 
    }); 
    $("#SponsorButton").click(function() { 
     $("#SponsorDetails").show("slow"); 
    }); 
}); 

это блок сценария внутри головы, ссылка на файл Jquery находится в MasterPage.

EDIT: я получаю предупреждение о том, что вторая точка с запятой должна быть, или), но я не понимаю, почему, код прямо из w3 школы

Answer 1

Вы можете использовать аргумент мероприятия preventDefault() остановить по умолчанию поведение от происходящего (в данном случае кнопка отправки).

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#Social_WorkerButton").click((function (e) { 
     e.preventDefault(); 
     $("#SponsorDetails").hide("slow"); 
    }); 
    $("#SponsorButton").click(function (e) { 
     e.preventDefault(); 
     $("#SponsorDetails").show("slow"); 
    }); 
}); 

Answer 2

Я вижу, что вы отметили ASP.NET. Вы не используете ASP: элементы управления, не так ли? Я не вижу причин для этого, если вы не используете их в своем коде. Попробуйте использовать простой HTML <input type="button" /> или просто <button />.

EDIT

$(document).ready(function() { 
    $("#Social_WorkerButton").click(function() { // <-- Extra parenteses removed 
     $("#SponsorDetails").hide("slow"); 
    }); 
    $("#SponsorButton").click(function() { 
     $("#SponsorDetails").show("slow"); 
    }); 
});