在wordpress中使用SimpleModel

我正在尝试使用SimpleModel在wordpress帖子中创建带有文本的模态弹出窗口。我使用过各种各样的插件，但它们有特定的用途（比如联系人表单，或者我看到的另一个可以显示单个便笺的表单）

我试着遵循本教程：但是对于没有高级jquery或wordpress知识的人来说，说明不是很清楚，而且对我来说根本不起作用。例如，作者没有解释将函数放在何处

---

对于那些在wordpress中使用SimpleModel而没有开发插件的人，你能提供帮助吗？谢谢。

本教程是解决方案的良好开端，但并未提供所有细节。我也会做一些改变。以下是我将如何让它工作：

• 创建Ajax处理程序模板和页面
• 确保要用于打开模式的链接包含

  postpopup

  类，并且在

  rel

  属性中具有post ID
• 在主题目录中创建一个

  js/

  文件夹
• 下载并将文件放入

  js/

  文件夹中
• 创建一个自定义JavaScript文件（

  site.js

  ）并将其放置在

  js/

  文件夹中
• 将以下代码放入

  site.js

  ：

---

---

这应该会让它为你工作。确保主题的页脚中有

wp\u footer（）

函数。我以调用模式窗口的方式重新工作，以便内容自动居中。

谢谢Eric，这非常有帮助，我让SimpleModel正常工作。如果你不介意的话，我还有一个问题。我还下载了OSX SimpleModel主题，并试图让它在这个场景中工作。你能告诉我我需要做什么修改才能在这里使用它吗？这真是太棒了--正是我需要的。无论出于什么原因，Wordpress主题集的教程对我都不起作用。

jQuery(function ($) {
    $('a.postpopup').click(function(){
        id = this.rel;
        $.get('http://yourdomain.com/ajax-handler/?id='+id, function (resp) {
            var data = $('<div id="ajax-popup"></div>').append(resp);
            // remove modal options if not needed
            data.modal({
                overlayCss:{backgroundColor:'#000'}, 
                containerCss:{backgroundColor:'#fff', border:'1px solid #ccc'}
            });
        });
        return false;
    });
});

function my_print_scripts() {
    if (!is_admin()) {
        $url = get_bloginfo('template_url');
        wp_enqueue_script('jquery-simplemodal', $url . '/js/jquery.simplemodal.1.4.1.min.js', array('jquery'), '1.4.1', true);
        wp_enqueue_script('my_js', $url . '/js/site.js', null, '1.0', true);
    }
}
add_action('wp_print_scripts', 'my_print_scripts');