2

我正在尝试在 Google 协作平台中利用新的 HTML Box Gadget。我们希望利用一个<select>框作为一个简单的菜单来导航到我们网站中的其他页面。

根据 Google ( http://support.google.com/sites/bin/answer.py?hl=en&answer=2500646 ) 提供的详细信息和示例，这应该是可以实现和支持的。但是，当页面呈现时，Javascript 消失了，并且没有任何功能。Firebug 没有报告 JS 问题。

HTML 框解析良好，小工具编辑器没有错误或警告。

我们正在使用的代码：

<style>
  select { font-family: Arial; width: 100px; }
  input { font-family: Arial; }
</style>

<form id="menu-form1" action="">
 <select id="jm1" class="jumpmenu">
     <option value="http://google.com/">Google</option>
     <option value="http://yahoo.com/">Yahoo!</option>
     <option value="http://ask.com/">Ask.com</option>
 </select>
 <input type="button" class="jumpbutton" value="GO" />
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"> </script>
<script>
var menuChange = function() {
    var selectBox = $('.jumpmenu');
    alert(selectBox.val());
    window.top.location.href = selectBox.val();
}

$('.jumpmenu').change(menuChange.bind(null));
$('.jumpbutton').click(menuChange.bind(null));

</script>

除非我从 JavaScript 的角度做一些“非法”的事情，但我不认为这违背了 Google 不支持的功能：

  • 内嵌框架
  • JavaScript 代码无法创建任何脚本、图像或链接标签
  • 文档/窗口 onload 和 onready 功能。您可以将任何 JavaScript 放在需要在文档加载后加载的代码的末尾。

有没有人有任何类似的工作并且可以看到任何会导致 Google 站点剥离 JavaScript 的内容？

提前感谢您的任何帮助。

4

2 回答 2

1

您使用的是什么版本的 jQuery 很重要。尝试使用 1.7.2 版本。我将您的版本（1.6）加载到我的示例中，但它停止工作。使用 1.7.2 似乎有效。

尝试这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"> </script>

我尝试再次阅读此内容-您是否在问为什么按钮在进行选择后没有启动实际的 URL？

于 2012-10-03T23:52:13.580 回答
0

对我有用的只是保存然后换档刷新页面。

于 2014-05-05T17:33:41.770 回答