spritespin的WordPress jquery设置

在尝试为spritespin查看器插件实现jquery时，似乎遇到了麻烦。以下是我尝试过的以下步骤：

在my functions.php文件的顶部添加

wp\u enqueue\u脚本

，如下所示：

add_action（'wp_enqueue_scripts'、'add_my_script'）；
函数add_my_script（）{
wp_排队_脚本(
'spritespin.js'，
获取\模板\目录\ uri（）。
“/js/spritespin.js”，
数组（'jquery'）
);
}

在我的页面中，我添加了一个div id和以下脚本：

$（“#mySpriteSpin”）.spritespin({
资料来源：[
“/wordpress/sprite images/rad\u zoom\u 001.jpg”，
“/wordpress/sprite images/rad\u zoom\u 002.jpg”，
“/wordpress/sprite images/rad\u zoom\u 003.jpg”，
],
宽度：480，//窗口/帧的像素宽度
高度：327，//窗口/帧的像素高度
});
$（“#mySpriteSpin”）.spritespin({
宽度：480，
身高：327，
帧：帧。长度，
行为：“拖动”、“保持”
模块：“360”，
意义：-1，
资料来源：框架，
动画：对，
循环：对，
frameWrap：对，
框架步骤：1，
帧时间：60，
enableCanvas:true
});

以下是包含插件信息的官方网站：

感谢Wordpress在“无冲突”模式下运行jQuery，以防止与任何插件名称空间发生冲突

尝试将脚本放在

文档中。就绪

函数，如下所示：

<script type='text/javascript'>
jQuery(document).ready(function($) {
   $("#mySpriteSpin").spritespin({
     source: [
     "<?php bloginfo('template_url')?>/sprite-images/rad_zoom_001.jpg",
     "<?php bloginfo('template_url')?>/sprite-images/rad_zoom_002.jpg",
     "<?php bloginfo('template_url')?>/sprite-images/rad_zoom_003.jpg",
   ],
     width   : 480,  // width in pixels of the window/frame
     height  : 327,  // height in pixels of the window/frame
  });

  $("#mySpriteSpin").spritespin({
   width : 480,
   height: 327,
   frames: frames.length,
   behavior: "drag", // "hold"
   module: "360",
   sense : -1,
   source: frames,
   animate : true,
   loop: true,
   frameWrap : true,
   frameStep : 1,
   frameTime : 60,
   enableCanvas : true
  });
});
</script>

jQuery（文档）.ready（函数（$）{
$（“#mySpriteSpin”）.spritespin({
资料来源：[
“/sprite images/rad_zoom_001.jpg”，
“/sprite images/rad\u zoom\u 002.jpg”，
“/sprite images/rad\u zoom\u 003.jpg”，
],
宽度：480，//窗口/帧的像素宽度
高度：327，//窗口/帧的像素高度
});
$（“#mySpriteSpin”）.spritespin({
宽度：480，
身高：327，
帧：帧。长度，
行为：“拖动”、“保持”
模块：“360”，
意义：-1，
资料来源：框架，
动画：对，
循环：对，
frameWrap：对，
框架步骤：1，
帧时间：60，
enableCanvas:true
});
});

---

在迁移站点时，您可能应该动态引用图像的路径。将“sprite images”文件夹放入主题目录中。

tnx-但没有结果。您确定spritespin.js已正确排队吗？尝试查看页面源代码并查看是否包含它。如果在页面源代码中没有看到spritespin.js引用，请尝试将脚本引用添加到WordPress安装的header.php文件中，如下所示：

nada.：(（如果有助于查看jquery代码是如何排队的，这里是页面的url。看起来您的排队正在工作，因此您可以从header.php文件中删除引用。我注意到的是您的JS for spritespin references
#mySpriteSpin
，但是您为容纳微调器而创建的容器上只有一个类，没有ID。Mak将您的容器如下所示：
，以便您的JS引用正确的容器