我想通过快捷代码IE:[product_category category="test"per_page="12"]在转盘中显示产品。
我有Flexslider设置，我尝试的是将其添加到loop-start.php 中
<link rel="stylesheet" href="https://googledrive.com/host/0B4TRd-vaKaSkWUFRVkRiM1g2eGs" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="https://googledrive.com/host/0B4TRd-vaKaSkUHZIaTBXR0JLdVE"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider({
selector : ".products > li",
animation : "slide",
controlsContainer : ".flex-container"
});
});
</script>
<div class="flexslider">
<ul class="products">
并在loop-end.php 上关闭ul之后的div
虽然我一点运气都没有：/它在测试html文件上运行得很好。
我之所以想要这样，而不仅仅是使用一些插件，是因为我有一个叠加弹出窗口，它不能与我尝试过的任何旋转木马插件一起使用，我还想以这种方式显示多个类别。
感谢您的帮助
起初我认为您的标记不匹配，但后来我发现您修改了循环。尽管我认为jQuery选择器ul.products可以工作。因为它应该是容器，它的直接子级应该是幻灯片。
我建议您查看浏览器开发人员控制台，看看您遇到了什么样的脚本错误。但我怀疑您看到了一些未定义的函数，因为您没有使用无冲突包装器。你根本不知道这让我一开始有多沮丧。
因此，您的脚本应该看起来像（尽管我认为您应该将其添加到页脚：
function so_28486348_print_footer(){ ?>
<script type="text/javascript" charset="utf-8">
jQuery(window).load(function() {
$('ul.products').flexslider({
selector : "li.product",
animation : "slide",
controlsContainer : ".flex-container"
});
});
</script>
<?php }
add_action( 'wp_print_footer_scripts', 'so_28486348_print_footer
我还建议通过wp_enqueue_script加载所有脚本（至少是外部脚本）（请参阅上面的代码链接）
function my_scripts_method() {
wp_enqueue_script(
'custom-script', 'https://googledrive.com/host/0B4TRd-vaKaSkUHZIaTBXR0JLdVE' ,
array( 'jquery' )
);
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );