Кнопка отправки, игнорирующая связанную с ним функцию jQuery. Как исправить?

-1

Я создаю сайт для нового клиента, и я не могу понять, почему сайт полностью игнорирует скрипт и функцию jQuery, связанные с нажатием кнопки «Отправить» в форме.Кнопка отправки, игнорирующая связанную с ним функцию jQuery. Как исправить?

Это код кнопки:

<button type="submit" id="submit">Submit</button>

Это код JQuery:

$(document).ready(function() { 
    $("#submit").click(function (e) { 
     e.preventDefault(); 
     alert("It worked!"); 
    }); 
});

Это не только не предупреждения по умолчанию представить действия, это даже не выскакивают предупреждение, подтверждающее, что оно сработало.

Я пробовал использовать $("form").submit(function (e) {вместо $("#submit").click(function (e) {, но он все еще не работал.

Как я могу запустить кнопку отправки и подчиняться связанному с ней jQuery-коду?

UPDATE:

Это странно, что приведенный выше код работает на jsfiddle.net, но не на сайте. Я включил jQuery правильно: https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'>. Я не вижу соответствующих ошибок в консоли. jQuery также правильно ссылается, потому что я пробовал только оповещение («текст»); в готовой функции, и это сработало. Поэтому проблема должна быть связана с кнопкой «Отправить». Что-то должно мешать ему. Что бы это могло быть?

источник

2014-02-05 KatieTheBeginner

Вы видели в консоли для 'errors' ???? –

сценарий выглядит хорошо. Возможно ли запустить сценарий перед загрузкой jquery.js? – driedoezoe

Вы пытались использовать только 'alert (" text ")' в вашей готовой функции? Если это не работает, вы неправильно указали свой jQuery. – Niklas

Он работает, как ожидалось. u можно проверить демо здесь jsfiddle.net/mannejkumar/34PKn/ см. javascript console для проверки jquery включен правильно или нет

источник

2014-02-05 12:51:15 Jagadeesh

Проверьте демо здесь http://jsfiddle.net/mannejkumar/34PKn/ – Jagadeesh

Странно, что он работает на jsfiddle.net, но не на сайте. Я включаю jQuery правильно: ''. Что еще может вызвать эту проблему? – KatieTheBeginner

Можете ли вы увидеть какие-либо ошибки в консоли? – Jagadeesh

Попробуйте с помощью этой кнопки:

<input type="button" id="submit" name="submit" value="Submit">

И использовать это в верхней части страницы:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Проверить демо

http://jsfiddle.net/cN5md/

источник

2014-02-05 12:49:37 Preprocezzor

Я просто попробовал это, и кнопка «Отправить» ничего не делает, когда щелкнула, даже всплывающее предупреждение. – KatieTheBeginner

Я добавил Демо к моему ответу. Работает. Вы включили JavaScript в свой файл? – Preprocezzor

Странно, что он работает на jsfiddle.net, но не на сайте. Я включаю jQuery правильно: ' '. Я не вижу соответствующих ошибок в консоли. jQuery ссылается правильно, потому что я попробовал только «alert» («текст»); 'в готовой функции, и это сработало. Проблема связана с кнопкой «Отправить». Что-то должно мешать ему. Что бы это могло быть? – KatieTheBeginner

Ваш код работает отлично меня.

Попробуйте использовать функцию JQuery .он(), если вы добавляете элементы в DOM асинхронно

$("#submit").on('click', function(){ 
    alert("It works"); 
});

http://jsfiddle.net/WcGj6/

источник

2014-02-05 12:49:49 VJS

Это тоже не сработало. – KatieTheBeginner

@ KatieTheBeginner, я в недоумении, что делать, так как он отлично работает в скрипке, но не на вашем сайте. – VJS

Это просто сработало для меня (IE8, Chrome, Fx ...). Сравните мою (самую маленькую) с вашей.

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"> 
</script> 
</head> 
<body> 
    <button type="submit" id="submit">Submit</button> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
    $("#submit").click(function (e) { 
     e.preventDefault(); 
     alert("It worked!"); 
    }); 
    }); 
    </script> 
</body> 
</html>

источник

2014-02-05 12:53:54 Quv

Странно, что он работает на jsfiddle.net, но не на сайте. Я включаю jQuery правильно: '' , Я не вижу соответствующих ошибок в консоли. jQuery ссылается правильно, потому что я попробовал только «alert» («текст»); 'в готовой функции, и это сработало. Проблема связана с кнопкой «Отправить». Что-то должно мешать ему. Что бы это могло быть? – KatieTheBeginner

Кнопка отправки, игнорирующая связанную с ним функцию jQuery. Как исправить?

ответ

Смежные вопросы