2012-04-10 5 views
2

По нажатию OK в jAlert ничего не срабатывает, даже диалоговое окно не закрывается:JQuery оповещения -jAlert OK нажмите

$(document).ready(function() { 
    $("#confirm_button").click(function() { 
     jAlert("Submitted", "Approval", function() { 
      //My code goes in here 
     }); 
    }); 
}); 

Мне нужно получить событие на OK Нажмите, пожалуйста, помогите мне в это!

HTML-

<html> 
<head> 
    <title>Demo</title> 
    <script src="jquery.js" charset="utf-8" type="text/javascript"></script> 
    <script src="jquery.alerts.js" charset="utf-8" type="text/javascript"></script> 
    <link href="jquery.alerts.css" charset="utf-8" rel="stylesheet" type="text/css" media="screen" /> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#confirm_button").click(function() { 
       jAlert("Submitted", "Approval", function() { 
        // 
       }); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <form runat="server"> 
    <asp:Button ID="btnAlert" runat="server" Text="Click"/> 
    </form> 
    <input id="confirm_button" type="button" value="Show Confirm" /> 
</body> 
</html> 
+0

Какое сообщение об ошибке (ы) вы получили? – ManseUK

+0

Можем ли мы видеть, как вы загружаете свой код, возможно, покажите нам html – mcgrailm

ответ

4

jAlert должен вызываться как так:

$.jAlert(...) 

Измените это, и код будет работать. Fiddle.

+0

+1 именно то, что я предложил, но OP говорит, что отображается диалоговое окно предупреждения ..., которое он не использовал бы код в вопросе! – ManseUK

+0

@ManseUK: хорошая точка; это подразумевает, что это не проблема, которую имеет OP, но это единственная проблема, которая присутствует в данном коде (как показывают наши скрипты). –

+0

@DavidHedlund огромное спасибо за скрипку – Devjosh

0

ли селектор имени confirm_button вход? если это так, попробуйте сделать следующее:

$("input[name=confirm_button").click(function() { 

Если селектор имени класса, как:

<a class="confirm_button"></a> 

Тогда это сделать:

$(".confirm_button").click(function() { 
2

я должен был сделать небольшие изменения в код

jAlert 

в

$.jAlert 

its working fine for me

+0

Тогда я получаю: Object не поддерживает свойство или метод 'jAlert' – Neena

+0

@ user923172 вам нужно включить jquery jquery jQuery (jquery ui) (http://jqueryui.com/download) библиотека тоже ... вы используете [этот] (http://dochoffiday.com/Professional/jalert-a-jquery-ui-alert-confirm-replacement) плагин? – ManseUK

+0

Я также включил ui-библиотеки и проверил: По-прежнему такая же ошибка возникает в – Neena

0

Из моего понимания кнопку jAlert всплывающее окно в ОК "#popup_ok" означает, что это уникальный идентификатор экземпляра. Итак, вы должны привязать событие к этой кнопке ПОСЛЕ того, как запущена функция jAlert. Здесь я завернул вызов jAlert внутри другой функции, которая делает так:

function showAlert(msg, title) { 
jAlert(msg, title); 
$("#popup_ok").click(
    function() { 
    // Do something after the OK button is clicked... 
    }); 
} 

и теперь вы вызываете функцию «мать»:

showAlert("Click OK if you're OK...", "Hey how are you doing?"); 
Смежные вопросы