jQuery Интерфейс пользовательского интерфейса не отображается Squarespace adblock detect

Question

Я создал детектор AdBlock, и мой jQuery-диалог не работает. Примечание: переменная «adblock» уже указана. Кроме того, я использую Squarespace, поэтому мне пришлось добавить код в тело.

if(adblock) { 
    $("body").html('<div id="alert-dialog" title="Turn off AdBlock"> Please turn your AdBlocker off. It hurts our business. To turn off AdBlock, just disable it on this page. Thank you.<br><br><br> Sincerely, The <i>Wildwood Howl</i></div>'+$("body").html()); 
    $(function() { 
     $("#alert-dialog").dialog(); 
    }); 
} 

Здесь ошибка:

TypeError: $("#alert-dialog").dialog is not a function 

AKA функция dialog не определена. Я не знаю почему. Вот мои добавленные links и scripts.

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script src="https://code.jquery.com/jquery-latest.min.js"></script> 

Нажмите here чтобы увидеть мою страницу. Кроме того, предполагается, что это фоновые изображения, но они не отображаются.

Я могу предоставить jsfiddle для этого. Благодарю. Помощь приветствуется.

Answer 1

Проблема, вероятно, в том, что вы добавляете jQuery дважды.

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script src="https://code.jquery.com/jquery-latest.min.js"></script> 
---------------^ remove this 

JQuery UI расширяет $ созданный jquery-1.10.2, но затем добавить jquery-latest.min.js, который, вероятно, перезаписывает $ созданный ранее, который имеет функции JQuery UI.

также убедитесь, что вы выполняете код после того, как эти два сценария оцениваются и DOM готов