我正在尝试利用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不支持的功能:
有没有人有类似的工作,可以看到任何可能导致Google协作平台删除JavaScript的内容?
提前感谢您的任何帮助。
答案 0 :(得分: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>
我再次尝试阅读 - 您是否在询问选择后按钮为何没有启动实际网址?
答案 1 :(得分:0)
对我来说有用的只是保存然后轮换页面。