$ ("..."). Click (function() {}) не работает

Question

Я хочу открыть диалоговое окно после щелчка тега. Ниже приведены мои коды:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#ConfirmDeletePage").click(function() { 
      if (confirm("Confirm delete page?") == true) { 
       return true; 
      } else { 
       return false; 
      } 
     }); 
    }); 
</script> 

Мой HTML:

<div style="float: left; width: 40px; height: 10px;"> 
    <a href="#" id="ConfirmDeletePage">as</a> 
</div> 

Любая идея, почему не открывается диалоговое окно?

Answer 1

У вас нет загруженного jQuery или путь к нему неверен. Ваш код работает отлично. Вы должны проверить, как загружается ваш script.

Сделал скрипку here с вашим кодом и работает.

Сначала попробуйте проверить, загружена ли библиотека jquery, а затем, если она загружена, проверьте, есть ли у вас правильный путь к этой библиотеке.

Другой способ включить онлайн-версию JQuery, чтобы увидеть, если работы:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script‌​>

Там могут быть и другие проблемы. Используйте элемент проверки, чтобы узнать, есть ли у вас какие-либо ошибки в консоли.

Answer 2

Это может быть много причин, почему он не работает.

Как:

1. Возможно, вы использовали тот же идентификатор дважды или более в этой странице.
2. Контекст JQuery.
3. Библиотека JQuery не загружена должным образом.

Для решения этих проблем всегда старайтесь выглядеть один раз в консоли firebug. Это помогает решить проблему очень легко.