如何在页面更新上执行jQuery

Question

我已经使用jquery多项选择以用户友好的方式呈现django应用muslitiselect。当“我的页面优先”渲染后，我在页面上放置了下面给出的脚本时，此脚本会将具有multiselect类的任何元素绑定到jquery multiselect。

$(function() {

      $(".multiselect").multiselect();

     }

);

现在，我已经渲染了一些div，并且当用户单击编辑页面时，Query会使用限制表格来渲染这些div。

function inline_modal_form(href, data) {

        url = '.';

        modal_link = '#' + String(href);

        $(modal_link).load(url, data);

    }

现在，当呈现新表单时，其元素具有类multiselect，但无法与jquery multiselect绑定。每当页面更新时，如何执行此脚本。

我已经搜索了.on（以前是.live，.delegate）之类的方法，但无法理解如何执行我的脚本。

Answer 1

而不是直接在根代码中调用插件，而是将其包装在函数中并调用：var bindMultiselects = function () {    $(".multiselect").multiselect();};$(function() {    bindMultiselects();    // any other page load code, etc.});然后，当您加载新内容时，再次调用该函数：function inline_modal_form(href, data) {    url = '.';    modal_link = '#' + String(href);    $(modal_link).load(url, data, bindMultiselects);}当然，只有在两次调用初始化插件的行为没有副作用的情况下，此方法才有效。它不应该，但我不能肯定。如果是这种情况，那么您将需要一个比选择器更好的选择器，".multiselect"因为您只需要区分刚刚动态添加的元素，而不是已经使用插件初始化的元素即可。

Answer 2

没有插件委托，委托用于事件绑定。在您的情况下，您应该使用load回调函数：function inline_modal_form(href, data) {    url = '.';    modal_link = '#' + String(href);    $(modal_link).load(url, data, function () {        $(modal_link).find('.multiselect').multiselect();    });}