如何在Modal窗口中执行jquery？

当文本域的状态集中时，我需要触发一些动作。

如果textfield是标准的内联元素，则此代码可以正常工作（测试）。 但是如果文本字段位于模态窗口内，则它不起作用。 我想在加载jquery库时隐藏模态窗口然后问题。

我怎样才能使这个工作？

$('#name').focus(function() { console.log('do something'); }); 

Answer 1

我想在加载jQuery库时隐藏模态窗口然后问题。

你猜对了，可能你在某个事件后加载modal dialog的内容。

现在的代码：

 $('#name').focus(function() { console.log('do something'); }); 

可能附加到$（document）.ready（）事件，该事件在每次加载新文档时触发但在ajax调用完成时不会触发

要解决此问题，您需要为将运行所需function的对话框的加载事件附加委托。 请参阅API或LIVE，具体取决于您的jQuery版本http://api.jquery.com/on/

如果您愿意，您可以为每个单击事件使用通用委托，并在每次单击后尝试附加焦点事件，如下所示：

 $(document).on("click", "#name", function() { $(this).focus(function() { console.log('do something'); }); }); 

这将尝试在每次单击后将焦点函数附加到#name元素，即#name元素是否存在。