jquery - 如何使 prepOverlay 与 createObject 一起使用？

Question

在模板中，我想在弹出窗口中打开一个添加表单。

所以，我有一个链接:

<p class="visualClear">
    <a href="createObject?type_name=Contact" class="link-overlay" i18n:translate="">Add a contact</a>
</p>

还有一个制作 prepOverlay 的 javascript:

(function($) {
jQuery(function($){
    // popin de plone
    $('a.link-overlay').prepOverlay({
        subtype: 'ajax',
        filter: common_content_filter,
        formselector: 'form[name=edit_form]',
        noform: 'reload',
        closeselector: '[name="form.button.cancel"]'
    }); 
});
})(jQuery);

问题是，当我单击链接时，我遇到了 javascript 错误:TypeError: $(...).multiSelect is not a function 并且弹出表单未显示在全部。

此错误是由于这篇文章 https://github.com/ehynds/jquery-ui-multiselect-widget/issues/267 造成的这是因为jquery被加载了两次。

这可能是这里的原因，因为，当我单击链接时，我在 http://localhost:8080/Plone/guide-paroissial/milieux-sociaux/acf-action 上得到了 GET -catholique-des-femmes/createObject?type_name=Contact&ajax_load=1398763930910

然后重定向到:http://localhost:8080/Plone/guide-paroissial/milieux-sociaux/acf-action-catholique-des-femmes/portal_factory/Contact/contact.2014-04- 29.9309424841/编辑

那么，我怎样才能完成这项工作呢？

Answer 1

嗯，我在一个普通的 Plone 网站上测试了你的代码。我刚刚更改了 prepoverlay 的选择器以匹配“添加菜单”并删除了第二个 jquery 范围定义。

jQuery(function($){
    // popin de plone
    $('.actionMenuContent a').prepOverlay({
        subtype: 'ajax',
        filter: common_content_filter,
        formselector: 'form[name=edit_form]',
        noform: 'reload',
        closeselector: '[name="form.button.cancel"]'
    });
});

工作没有任何问题。

否则我也会得到一个TypeError。