Question

jQuery不会加载。我是个菜鸟。尝试了很多东西，各种语法调整。继承人是怎么回事......

在我的硬盘上使用jQuery，当前版本为jquery-1.7.1（也尝试过v1.7.1.min）。

尝试使用以下插件

1）.scrollTo-1.4.2-min
2）.jqDock.min＆amp; jquery.jqDock
3）.jtruncate（当前）＆amp; jquery.jtruncate.pack
我使用IE8和Chrome来检查本地。

调试说......

（jquery-1.7.1.js）无效字符第1行（注意：第1行只是   信用信息开头灰色文字/ *！）
  （jquery.jtruncate.js）jQuery未定义第1行（注意：第1行是   （function（jQuery）{）（我的页面名称）对象不支持这个   属性或方法代码0第17行字符5（注意：第17行是$（''）。jTruncate（{）

我的头像......

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cressida Haughton - Artist Statement and Biography</title>
    <meta name="description" content="Cressida Haughton - Artist Statement and Biography">

    <meta name="keywords" content="Cressida Haughton,Lab Rat Orchestra,installation,contemporary artist,Coventry,Midlands,Cressida,">

<link href="_css/maintest2.css" rel="stylesheet" type="text/css" />

<script src="/_js/jquery-1.7.1.js" type="text/javascript" ></script>

<script src="_js/jquery.jtruncate.js" type="text/javascript" ></script>

<script>window.jQuery || document.write("<script src='_js/jquery-1.7.1.min.js'>\x3C/script>")</script> 

<script type="text/javascript">


$(document).ready(function(){
        $('<div id="statement" />').jTruncate({
            length: 200,
            minTrail: 0,
            moreText: "[more]",
            lessText: "[less]",
            ellipsisText: "(truncated)",
            moreAni: "fast",
            lessAni: 2000
        });
    });

然后是Dreamweaver生成的一些java，（Rollover图像/交换图像guff），然后页面特定的CSS（见下文）我也有站点范围的外部css表。

    #statement {
        position:absolute;
        left:285px;
        right: 190px;
        top:130px;
        width: 607px;
        height: 321px;
    }

然后是html的身体。

有人可以帮忙吗？

Answer 1

刚刚尝试了以下内容，它似乎工作正常（Chrome），我绝不是jQuery的专家，但是这一行

$('<div id="statement"/>')

看起来不是写给我的，我已经评论了我改变它的地方，查看http://www.w3schools.com/jquery/jquery_ref_selectors.asp或更多信息。

<body>
  <head>
   <title>test</title>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> 
   </script>
   <script type="text/javascript">
     /* jtruncate - should be external js file */
     (function($){$.fn.jTruncate=function(h){var i={length:300,minTrail:20,moreText:"more",lessText:"less",ellipsisText:"...",moreAni:"",lessAni:""};var h=$.extend(i,h);return this.each(function(){obj=$(this);var a=obj.html();if(a.length>h.length+h.minTrail){var b=a.indexOf(' ',h.length);if(b!=-1){var b=a.indexOf(' ',h.length);var c=a.substring(0,b);var d=a.substring(b,a.length-1);obj.html(c+'<span class="truncate_ellipsis">'+h.ellipsisText+'</span>'+'<span class="truncate_more">'+d+'</span>');obj.find('.truncate_more').css("display","none");obj.append('<div class="clearboth">'+'<a href="#" class="truncate_more_link">'+h.moreText+'</a>'+'</div>');var e=$('.truncate_more_link',obj);var f=$('.truncate_more',obj);var g=$('.truncate_ellipsis',obj);e.click(function(){if(e.text()==h.moreText){f.show(h.moreAni);e.text(h.lessText);g.css("display","none")}else{f.hide(h.lessAni);e.text(h.moreText);g.css("display","inline")}return false})}}})}})(jQuery);
    </script>
  </head>
  <body>
    <!-- truncatable div element -->
    <div id="statement">
      <p>This is a statement</p>
    </div>  
    <script type="text/javascript">
       $(document).ready(function(){
          /* changed from $('<div id="statement" />') */
          $('#statement').jTruncate({
              length: 5,
              minTrail: 0,
              moreText: "[more]",
              lessText: "[less]",
              ellipsisText: "(truncated)",
              moreAni: "fast",
              lessAni: 2000
          });
      });
    </script>
  </body>
</html>

希望这会有所帮助，圣诞快乐:-)

Answer 2

尝试以下

将jquery sript标记引用或放在所有jquery插件引用之上。
检查jQuery文件引用是否实际上已在浏览器中加载，您可以使用fiddler或firebug
还可以按照依赖关系的顺序引用javascript文件。
将document.ready脚本放在body标签中，而不是head部分。

jQuery不会加载

2 个答案: