Javascript破坏其他脚本

Question

每当我将下面的代码作为一个小部件添加到我的博客中，滑块(欢迎.)它就会停止工作。滑块应该滚动几个不同的图像。我读过“no.conflict”可以解决这个问题，但是对于我的生活，我不知道该把代码放在哪里。

最近的视频Widget

<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>

以下是我博客的链接：链接

谢谢你的阅读希望能帮我解决问题。

Answer 1

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

至于插件不起作用：

您的站点包括JQuery；然后它有很多使用JQuery的脚本；然后它有一个更改JQuery操作符的脚本，这样就不会使用$，因为这将以另一种方式引起与使用变量$的其他脚本的冲突。考虑到你网站上的脚本数量，我很惊讶你没有更多的问题。

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

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

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

不过，这只是为了解决一个更大的问题。值得考虑的是，您真正需要哪些脚本。