Question

我创建了一个AdBlock检测器，我的jQuery对话框似乎没有用。注意：＆＃34; adblock＆＃34;变量已被引用。此外，我正在使用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之后运行代码

jQuery UI对话框未显示Squarespace adblock detect

1 个答案: