未出現jQuery UI對話框Squarespace adblock檢測

我創建了AdBlock檢測器，並且我的jQuery對話框似乎沒有工作。注意：「adblock」變量已經被引用。此外，我正在使用Squarespace，這就是爲什麼我必須將代碼添加到正文。未出現jQuery UI對話框Squarespace adblock檢測

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。謝謝。幫助表示讚賞。

來源

2016-02-16 jscoder

該問題可能是因爲您要添加兩次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後運行

來源

2016-02-16 03:28:21

未出現jQuery UI對話框Squarespace adblock檢測

回答

相關問題