如何将此 jquery 添加到 mysite [关闭]答案

【问题标题】：how to add this jquery to mysite [closed]如何将此 jquery 添加到 mysite [关闭]
【发布时间】：2013-10-07 02:11:36
【问题描述】：

我有这个用 jsfiddle 制作的 jquery

http://jsfiddle.net/8CfK6/

我如何在我的网站上获得这个......

http://pcrepairs.tk/services.php

我有：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

在头部标签中

然后

<script language="javascript" type="text/javascript">
mycode
</script>

就在正文中的 html 之前。

它只是不工作：/我把 javascript 代码放在错误的地方吗？

【问题讨论】：

我在你的网页上似乎找不到脚本源，你确定它被添加了吗？
没有理由不应该添加它。我什至检查了我的本地页面，仍然没有。当我去检查元素时，代码就在那里
那个页面上有很多错误。例如，您只能拥有一个头块而不是 4 个。您应该重新评估您销售“Web 开发”服务的能力
头块？有4个？
对不起，元素，是的，有 4 条起始行 3、13、35 和 309 多个也是如此。要使 javaScript 工作，您需要有效的 html（或至少接近有效）

标签： php jquery html jsfiddle

【解决方案1】：

这应该可以工作...

    $(document).ready(function() {
 $("#web").click(function () {
     $("#contweb").stop().slideToggle();
     return false;
 });
 $("#web").hover(function () {
     $(this).stop().css({
         "cursor": "pointer"
     })
 });

 $("#screen").click(function () {
     $("#contscreen").stop().slideToggle();
     return false;
 });
 $("#screen").hover(function () {
     $(this).stop().css({
         "cursor": "pointer"
     })
 });

 $("#keyboard").click(function () {
     $("#contkey").stop().slideToggle();
     return false;
 });
 $("#keyboard").hover(function () {
     $(this).stop().css({
         "cursor": "pointer"
     })
 });
});

【讨论】：

呃，我正要写这个。但这里是解释，JQuery 正在尝试绑定到页面上尚未真正存在的元素，将它们放入 $(document).ready 块将确保浏览器在执行代码之前已经绘制了所有内容
确实如此。或者您可以将您的 jquery 放在网页底部，我认为它可以在没有 e $(document).ready 的情况下工作然后..（如果我错了，请纠正我:)
非常正确，甚至还有其他可能性，例如使用 $(document).on('click', "#web", function(){ //blah blah});但我喜欢使用 $(document).ready 或 $(function(){})(less chars) 因为它总是能保证我想要它做的事情。