Javascript breaks other script

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> 

Вот ссылка на мой блог: Link

Спасибо за чтение и, надеюсь, помогает мне.

Answer 1

Включение JQuery в два раза может вызвать проблемы. В фрагменте кода выше и в вашем блоге есть тег сценария для запроса. Попробуйте добавить его в свой блог, не включая JQuery.

Что касается плагина не работает:

Ваш сайт включает JQuery; Тогда у него много скриптов, которые используют JQuery; Затем он имеет сценарий, который изменяет оператор JQuery так, что $ не используется, поскольку это вызовет конфликты с другими скриптами, используя переменную $ по-другому. Учитывая количество скриптов на вашем сайте, я удивлен, что у вас больше нет проблем.

В любом случае после вашего последнего тега скрипта вы не можете использовать $ в своих сценариях, вместо этого вы должны использовать jQuery. Например:

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

Если вы идете через весь ваш сценарий и изменения «$» на «JQuery» то, что поможет с вашим сценарием, где на странице теперь, с текущей страницы, перечисленные в вашем блоге.

Действительно, это просто помещает бандаж на большую проблему. Стоит подумать о том, какие сценарии вам действительно нужны.