-1

出于某种原因，jQuery 和 Javascript 无法在我的网站上运行。

见这里：http ://hellomynameisad.am/test.html

有人可以顶一下，让我知道我错过了什么吗？我已经尝试了许多不同的 jQuery 剪辑器，但似乎没有任何效果。谢谢你。

4

2 回答 2

3

您需要将其放入 document.ready 以将 html 元素转换为 javascript 来执行，或者您可以将脚本放在正文的结束标记之前。

现场演示

$(document).ready(function(){
  $("#container").fadeOut(function() {
     $(this).text("World").fadeIn();
  });
});

编辑：我在 html 中发现了一些其他错误，如下所示。

  1. 没有起始正文标记。
  2. 将脚本放在头标签之间或就在正文标签关闭之前。
  3. 在 javascript 脚本标签中添加类型属性。
  4. 最好在 jquery 的 url 前面加上 http：

更改 HTML

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js ">     </script>
      <title>Untitled Document</title>
      <style type="text/css"> </style>

<script type="text/javascript">

    $(document).ready(function(){
        $("#container").fadeOut(function() {
            $(this).text("World").fadeIn(); 
        });
    });    
</script>    
</head>
<body>
    <div id="container">Hello</div>​
</body>
</html>
于 2013-01-04T04:33:27.953 回答
-3

请添加这个

<script>
  $(document).ready(function(){
     $("#container").fadeOut(function() {
        $(this).text("World").fadeIn();
     });
  });
</script>

结束后的部分代码</body>并查看它运行。

于 2013-01-04T04:47:00.907 回答