jQuery UI对话框在Google站点中失败

我正在尝试使用Google站点创建一个带有HTML框小部件的简单jQuery UI对话框。我正在使用以下代码，它在普通网页中运行良好

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> </script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.20/jquery-ui.min.js"></script>


<script>
$(document).ready(function() {
   $( "#dialog" ).dialog({ autoOpen: false, modal: true }); /*, {modal : true} */

   $('.clickable').click(function () {
        $('#dialog').dialog( "open" );
   });
});  
</script>

<div class="clickable">Show log</div>

<div id="dialog" title="event log">
  This is a test dialog
</div>

$（文档）.ready（函数（）{
$（“#dialog”）.dialog（{autoOpen:false，modal:true}）；/*，{modal:true}*/
$（'.clickable'）。单击（函数（）{
$（'dialog'）。对话框（“打开”）；
});
});  
显示日志
这是一个测试对话框

两个问题：

Google站点告诉我jquery UI CSS是不可加载的（即使它是通过ajax.googleapis托管的）

当我单击“.clickable”div时，对话框不会显示

有什么指导吗？我知道显而易见的解决办法是不使用谷歌网站，但这是我工作场所所必需的

额外信息：

我只使用jqueryui的旧版本，因为它是通过googlesiteshtmlbox小部件加载的唯一链接

谷歌网站表示，除了提供的ajax.googleapis链接外，禁止HTML框与任何外部网站交互。有人知道这是否会导致对话框失败吗？其他UI功能似乎也能正常工作（成功测试了“盲”效果）

---

console中的确切错误是什么？我建议对LIB使用协议无关链接，我相信google通常喜欢提供https。

//ajax.google.etcetc

。另外，由于没有href attr，所以不确定是否相关，但可能希望防止锚点击事件出现默认值。您能解释一下“console中的错误”是什么意思吗？我只是想在单击时产生效果。我确实使链接协议不可知，这对css链接没有帮助，但感谢您的建议。我更新了代码，为“.clickable”类使用div，因为它将其设置为href=“javascript:；”或href=“#”如果您使用的是chrome，请右键单击网页上的任意位置并选择“检查元素”。然后转到“控制台”选项卡，查看是否显示任何红色错误。这通常是出现问题的良好指示。感谢您的建议@ChristopherMarshall。我无法解决我的问题，但在解决问题的过程中，我意识到这只是冰山一角，我需要调查其他选项以执行我的目标很好。再次感谢，我会考虑关闭。