Question

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

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

HTML Box解析得很好，没有来自小工具编辑器的错误或警告。

我们正在使用的代码：

<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>

除非我正在做某事＆＃34;非法＆＃34;从JavaScript的角度来看，但我不相信这会违反Googles不支持的功能：

I帧
JavaScript代码无法创建任何脚本，图片或链接标记
文档/窗口onload和onready函数。您可以在文档加载后需要加载的代码末尾放置任何JavaScript。

有没有人有类似的工作，可以看到任何可能导致Google协作平台删除JavaScript的内容？

提前感谢您的任何帮助。

Answer 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>

我再次尝试阅读 - 您是否在询问选择后按钮为何没有启动实际网址？

Answer 2

对我来说有用的只是保存然后轮换页面。

Google协作平台HTML框 - 剥离Javascript

2 个答案: