jquery - 如何在模糊上显示 Jquery 对话框？

Question

我想显示一些信息（在 jquery 对话框中），所以当用户在文本框中输入一个值并模糊它应该使用该值进行 ajax 调用并在对话框中显示信息。

这是我到目前为止所尝试的：

 $(function () {
   $('#MyTextbox').blur(function () {
    var id = $(this).val();
    if (id >= "1") {
        alert(id);
        ShowData();
      }
    });
 });

function ShowData() {
   $("#dialog").dialog();
}

还有其他更好的方法吗？

Answer 1

$(function () {

   $("#dialog").dialog({ isOpen : false});//Create Dialog


   $('#MyTextbox').blur(function () {
       var id = parseInt($(this).val()); //See correction here


       if(id >= 1) {
         //Get content and append to dialog
         $("#dialog").dialog("open");//Open dialog
       } 
   });

});

Answer 2

如果你在 php 中有一个 ajax 脚本，你可以直接从 blur 事件函数调用它并将 html 结果传递给对话框。

$('#MyTextbox').blur(function () {
    // the ajax call
    $.get('ajaxScript.php',{id: $("this").val()}, 
    function(data){
       //the result in html to the dialog 
       $("#dialog").empty().append(data).dialog();
    },'html');
});

希望这可以帮助