0

我正在为 wordpress 开发 woocommerce 主题，并且正在尝试向<ul>元素添加一些属性，以便可以将 jQuery 移动样式应用于它。

为此，我将一个脚本加入到名为“woocommerce_before_shop_loop”的钩子中。

scrypt 如下：

(function ($){
$(document).on('pageinit','#shop', function(){
    $('ul').attr('data-role', 'listview');
    $('ul').attr('data-inset','true');
    });
})(jQuery);

通过这个脚本，我设法将属性添加到<ul>我想要的标签中。但是这种方式不应用 jquery 移动样式。然后我刷新了列表，以便 jquery 可以动态添加其类属性。新脚本是：

(function ($){
$(document).on('pageinit','#shop', function(){
    $('ul').attr('data-role', 'listview');
    $('ul').attr('data-inset','true');
    $('ul').listview(); // to refresh the <ul> tag
});
})(jQuery);

像这样我已经完成的是 jquery 可以动态地添加它的类，并且我已经能够通过使用 chrome 控制台来检查它。但是现在添加了 jQuery 类，我的页面没有显示任何内容，它只显示 jQuery 加载图像，但内容从未显示。

在这里你可以看到我的网站：http ://danielvivancos.com/edu/wordpress/shop/和加载图片。您还可以使用 chrome 控制台检查<div id="shop" ...>我在脚本中设置的属性和来自 jQuery 的类是否已添加到<ul>标记中。

我希望有人能帮我解决这个问题。

先谢谢了！

4

0 回答 0