0

我正在尝试使用 Google Sites 创建一个带有 HTML Box 小部件的简单 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>

两个问题：

  1. 谷歌网站告诉我 jquery UI CSS 不可加载（即使它通过 ajax.googleapis 托管
  2. 当我单击“.clickable” div 时，对话框不显示。

有什么指导吗？我知道显而易见的解决方案是不使用 Google 协作平台，但我的工作场所需要它。

额外信息：

  1. 我只使用旧版本的 jquery-ui，因为它是唯一可以通过 Google 站点 HTML 框小部件加载的链接
  2. Google 协作平台表示，除了提供的 ajax.googleapis 链接外，禁止 HTML 框与任何外部站点交互。有谁知道这是否会导致对话框失败？其他 UI 功能似乎可以工作（成功测试“盲”效果）。
4

0 回答 0