Question

每当我将下面的代码作为窗口小部件添加到我的博客时，它上面的滑块（欢迎...）将停止工作。滑块应滚动几个不同的图像。我已经读到'no.conflict'会解决这个问题但是因为我的生活还没有找到放置代码的线索。

最近的视频小工具

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
<style type="text/css">
div.PBTytC {clear:both;padding:5px;font-size:12px;}
div.PBTytC.odd {background-color: #;}
div.PBTytC_thumb {position:relative;float:left;margin-right:8px;line-height:1;}
div.PBTytC_thumb img {width:76px;height:78px;border:0px solid #55A66B;}
div.PBTytC_title {font-weight:none;}
</style>
<script type='text/javascript'>
var PBTYoutubeUserName = "XXX";
var PBTYoutubeMAXResults = 3;
var PBTYoutubeAllow = "";
var PBTYoutubeDisallow = "";
var PBTYoutubeWgetIsEmpty = "No entries";
$(document).ready(function() {
  $.getJSON("http://pipes.yahoo.com/pipes/pipe.run?_id=58c841d14337ba4fbf693abd9701dc49&_render=json&max-results="+PBTYoutubeMAXResults+"&allow="+PBTYoutubeAllow+"&disallow="+PBTYoutubeDisallow+"&user="+PBTYoutubeUserName+"&_callback=?", function(response) {
    var htm = "";
    for(var i=0;i<response.count;i++) {
      var item = response.value.items[i];
      htm += '<div class="PBTytC';
      if(i%2 == 1) htm += ' odd';
      htm += '"><div class="PBTytC_thumb"><a target="_blank" href="' + item.link + '"><img title="' + item.title + '" src="' + item.thumb + '"/></a></div>';
      htm += '<div class="PBTytC_title"><a target="_blank" href="' + item.link + '">' + item.title + '</a></div>';
      htm += '<div class="PBTytC_description">' + item.description + '</div><div style="clear:both;"></div></div>';
    }
    if(htm == "") htm = PBTYoutubeWgetIsEmpty;
    $("#PBTytWdtLoad").html(htm);
  });
});
</script>
<div id="PBTytWdtLoad">Loading...</div>

以下是我博客的链接：Link

感谢阅读并希望能帮助我。

Answer 1

两次包含JQuery会导致问题。上面的代码片段和您的博客都有一个用于查询的脚本标记。尝试将其添加到您的博客中，而不再包含JQuery。

至于插件无效：

您的网站包含JQuery;然后它有很多使用JQuery的脚本;然后它有一个更改JQuery运算符的脚本，因此$不会被使用，因为这会以另一种方式使用变量$与其他脚本发生冲突。考虑到您网站上的脚本数量，我很惊讶您没有更多问题。

无论如何，在您的最后一个脚本标记后，您无法在脚本中使用$，而是必须使用jQuery。例如：

jQuery(document).ready(function() {
  jQuery.getJSON("http://pipes.yahoo.com/pipes/pipe.run?

如果您浏览整个脚本并将'$'更改为'jQuery'，那么这将有助于您的脚本现在位于您的页面中，并在您的博客中列出当前页面。

但实际上，这只是为一个更大的问题提供创可贴。值得思考一下你真正需要的脚本。

Javascript打破了其他脚本

1 个答案: