这是我目前正在开发的网站:http ://www.nbtc.org/nv/index.php
感谢 SO 社区以前的帮助,按钮将主“内容”div 动态更改为按钮指向的任何链接。除了右上角的“搜索”按钮外,它们都工作得很好。
我们正在使用 Google CSE,这是他们给我的代码:
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'en', style : google.loader.themes.V2_DEFAULT});
google.setOnLoadCallback(function() {
var customSearchOptions = {}; var customSearchControl = new google.search.CustomSearchControl(
'005348393200361091503:k_xdk0rs2og', customSearchOptions);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>
正如您在测试站点所看到的,当您单击按钮时,文本被加载到 div 中,但没有任何反应,它只是说“正在加载”。如果您再次按下该按钮,整个网站将变为空白。
如果您右键单击并在新选项卡中打开链接,它就可以正常工作。
我认为必须有一个简单的解决方案,我环顾四周,但没有找到这种情况的答案。我已经在使用 jquery 来执行其他功能,@nicodemus13 提出了一种在 jquery 中重写 google 代码的方法来回答这个问题:
页面加载后如何加载谷歌的自定义搜索引擎(CSE)JS API?
但是谷歌给我的代码的细节是不同的,我不知道如何适应它。
谢谢!布伦登