使用jquery为ajax弹出窗口中的链接分配操作的最佳方法

我的应用程序是用PHP编写的，使用jQuery

我有一个通过AJAX拉入的弹出对话框

<a href="#" id="loadpopup">
<div class="popup"></div>
<script>
$(function({
  $('a.loadpopup').click(function({
    $('div.popup').load("ajax/popup.html");
  });
});
</script>

但是如果我把这段代码放在主页上，它是在加载AJAX对话框之前执行的-因此不适用于具有回调的

ajaxContentLoaded（）

，这很好-但这也从未在iPad或iPhone上执行过，开发者也没有响应

---

我想问的是：在AJAX加载的弹出窗口中，为链接分配操作的最佳、最与设备兼容的方式是什么？

我通常编写在加载页面时加载的脚本中执行的函数

例如，my_scripts.js

function do_something(){
  // do something
}

然后在加载AJAX时，通过使用jquery函数结束AJAX位，将其分配给特定元素

例如，my_ajax_html.html

<p>Ajax content</p>
<a id="my_element">click me</a>

<script>
    $(document).ready(function(){
        $("#my_element").click(function(){
            do_something();
        });
    });
</script>

Ajax内容

点击我 $（文档）.ready（函数（）{ $（“#我的_元素”）。单击（函数（）{ 做某事； }); }); 不同之处在于，该函数在DOM中作为javascript函数可用，因此ajax内容可以调用它

我从来没有遇到过这个问题，但是如果你有问题，请告诉我

function do_something(){
  // do something
}

<p>Ajax content</p>
<a id="my_element">click me</a>

<script>
    $(document).ready(function(){
        $("#my_element").click(function(){
            do_something();
        });
    });
</script>