jquery - WooCommerce 和 SimpleModal - 如何列出类别中的产品

标签 jquery wordpress woocommerce simplemodal

我正在尝试在 WordPress/WooCommerce 中创建一个选项,该选项将利用 jQuery 使用 Eric Martin 的简单模态窗口插件启动模态窗口:http://www.ericmmartin.com/projects/simplemodal/

我能够实现模式窗口并通过 ajax 将页面拉入模式窗口,使用:

        jQuery('#battery-selector').click(function (e) {
    jQuery('<div ></div>').load('http://vapelife.creativesparkdev.com/wp-content/plugins/woocommerce-vapelife/templates/product-select.php').modal(); // AJAXL
    return false;
});

现在,因为我正在加载 WordPress 框架之外的页面,所以我无法使用循环加载产品类别。我有什么想法可以做到这一点吗?

最佳答案

这种类型的调用http://example.com/wp-content/plugins-themes/whatever/file.php不正确。没有插件或主题文件可以像这样工作(可以,但在极少数和特殊编码的情况下)。

这种方式有效:

jQuery('<div ></div>').load('http://example.com/some-real-page-url/').modal();

使用所需模板 (some-real-page-url) 创建页面并将其加载到 AJAX 调用中。

但是我用 TwentyEleven/12/13 测试了简单模态,但它的表现不佳。也许是Page Template必须进行大量自定义,即您自己的 header 而不是 get_header()

关于jquery - WooCommerce 和 SimpleModal - 如何列出类别中的产品,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18795296/

相关文章:

jquery - jqGrid v4,自定义搜索表单,如何?

javascript - 使用 js/jQuery 从表单中删除动态创建的子节点?

javascript - CSS 渲染不正确;可能链接的 JS/CSS 资源过多?

php - 试图编辑一个 php 文件以将其内容放在一个 div 中

php - Woocommerce单品缩略图src链接替换哪个钩子(Hook)

javascript - 在 jQuery 中获取列表元素内容的数组

javascript - Yii2 将值设置为RadioList

javascript - 选择框以更改网址

php - 在重力表单中,表单在成功提交后消失

php - woocommerce/wordpress 注册后