jquery - 在 AJAX 页面中加载函数

Question

我有一个页面(orderhistory)，其中有一个“电子邮件”按钮，选择该按钮时，会执行 ajax 请求并将 ajax 页面(电子邮件表单)加载到之前的“display:none”div 上。我希望能够将一个函数绑定(bind)到这个 ajax 页面上的某些内容上。

我意识到我可以通过在 ajax 请求成功时绑定(bind)函数来在 orderhistory 页面上完成这项工作。然而，我们的整个网站都使用同一个 ajax 页面，因此如果我可以将函数添加到 ajax 页面中，而不必在调用 ajax 页面的每个主机页面上编辑每个函数，那么将节省大量时间.

我遇到的问题是没有事件可以触发该函数。我无法使用 $(document).ready 因为 ajax 页面正在加载到已经准备好的文档上的 div 中。

我错过了什么吗？有没有一种简单的方法可以做到这一点？希望我说得清楚。

提前致谢。

<script>
$(function(){
    alert('loaded')
    $('#EmailFrm_Sender').select2();
})
</script>

这是调用函数。如果我取消注释 select2 函数，它将在 ajax 页面上运行。如果我将相同的函数直接放在 ajax 页面中，它将不会加载。

$(".SOEmailLink").click(function(){
  $.get('/SAM/AJAX/BalloonEmailForm.asp', {FormKey:$(this).attr('Formkey'), FormName:('SalesOrder')}, function(data){
    hr_CenterBalloon(data);/*
    $('#EmailFrm_Sender').select2();*/
  })
});

这是简单的代码。正如我在评论中所述，如果我单独运行此页面(使用正确的链接插件和 jquery 文件)，函数将绑定(bind)并触发警报。

Answer 1

不需要事件来触发该函数。只需直接在 <script> 内调用函数本身即可HTML 片段中的标签:

<div id="EmailFrm_Sender">
    your form content
</div>
<script>
    // common functions defined here
    ...

    // and then invoke stuff that needs to be run now
    $('#EmailFrm_Sender').select2();
</script>