为什么我的切换代码不能触发？

有没有什么明显的我在下面想念。我有一个简单的HTML框小工具在谷歌网站与最小的jquery切换div关/开，它似乎并没有工作。下面的代码在Apache网站页面上正常工作。有小费吗？为什么我的切换代码不能触发？

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script> 
<script> 

    $('#check').click(function(){ 
     $('#feedback').toggle(); 
    }); 

</script> 

<button id='check'>Check Answers</button> 

<div id='feedback' style='display:none;'> 
    <ul> 
     <li>list 1</li> 
     <li>list 2</li> 
    </ul> 
</div>

来源

2012-09-03 user764389

把里面的'$（文件）的代码。就绪（函数（）{...}）'处理程序。 – undefined

你还需要把http：//ajax.googleapis.com/... –

@LayTaylor - [不，你没有]（http://stackoverflow.com/q/550038/615754）。 – nnnnnn

如果你的脚本您元素之前包括然后运行之前的元素已经被解析，这意味着$("#check")没有找到该单击处理程序绑定到任何元素。

你需要或者移动脚本块后的问题（之前收盘</body>标签是一个共同的地方，包括脚本）的元素或使用的文件准备好处理将等待运行你的代码，直到后，所有元素都被解析：

$(document).ready(function() { 
    $('#check').click(function(){ 
     $('#feedback').toggle(); 
    }); 
});

来源

2012-09-03 02:20:45 nnnnnn

Google网站的HTML框不支持.ready和.load方法：support.google.com/sites/answer/2500646?hl=zh-CN – Luciano

@Luciano - 确定。它是否支持在元素之后包含脚本（按照我提出的第一个选项）？ – nnnnnn

是的@nnnnnn它应该工作。文档建议在最后包含脚本。 – Luciano

我无法得到它的使用jQuery工作。

埃利奥特Shafii帮我在google+ Google Sites community和下面的代码工作：

<button id="infoToggle" value="toggle" onclick="document.getElementById('info').style.display=((document.getElementById('info').style.display=='block') ? 'none' : 'block')">Toggle</button> 

<div id="info" style="display:block;"> 
TEST 
</div>

来源

2013-08-31 19:13:10 Luciano

为什么我的切换代码不能触发？

回答

相关问题