Fatal编程技术网

Jquery plugins jQuery不会加载

jquery-plugins

Jquery plugins jQuery不会加载,jquery-plugins,Jquery Plugins,jQuery不会加载。我是个笨蛋。尝试了很多东西，各种语法调整。这就是它的现状 在我的硬盘上使用jQuery，当前版本为jQuery-1.7.1（也尝试了v1.7.1.min） 已尝试使用以下插件 1） .滚动至-1.4.2分钟 2） .jqDock.min和jquery.jqDock 3） .jtruncate（当前）&jquery.jtruncate.pack 我正在使用IE8和Chrome来检查本地 调试说 （jquery-1.7.1.js）无效字符行1（注意：行1只是 信用信息的开头显示

jQuery不会加载。我是个笨蛋。尝试了很多东西，各种语法调整。这就是它的现状

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

已尝试使用以下插件

1） .滚动至-1.4.2分钟
2） .jqDock.min和jquery.jqDock
3） .jtruncate（当前）&jquery.jtruncate.pack
我正在使用IE8和Chrome来检查本地

调试说

（jquery-1.7.1.js）无效字符行1（注意：行1只是 信用信息的开头显示为灰色文本/*！）
（jquery.jtruncate.js）jquery是未定义的第1行（注意：第1行是 （函数（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
        });
    });
然后是html正文

有人能帮忙吗？

试试下面的方法

  • 在所有jquery插件引用之上引用或放置jquery sript标记
  • 检查jQuery文件引用是否确实加载到浏览器中，可以使用fiddler或firebug

  • 还可以按照依赖项的顺序引用javascript文件

  • 将document.ready脚本放在body标记而不是head部分
    • 试试下面的方法

  • 在所有jquery插件引用之上引用或放置jquery sript标记
  • 检查jQuery文件引用是否确实加载到浏览器中，可以使用fiddler或firebug

  • 还可以按照依赖项的顺序引用javascript文件

  • 将document.ready脚本放在body标记而不是head部分
    • 我刚刚尝试了下面的方法，并且看起来效果不错（Chrome），除了这一行，我绝对不是jQuery方面的专家

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

    $（“”）
    不看写信给我，我已经评论了我在哪里改变了它，看看或更多的信息

    <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>

    
测试
/*jtruncate-应该是外部js文件*/
（function（$）{$.fn.jTruncate=function（h）{var i={length:300，minTrail:20，moreText:“more”，lessText:“lessText:”，ellipsisText:“…”，moreAni:”，lessAni:”}；var h=$.extend（i，h）；返回这个.each（function（）{obj=$（this）；var a=obj.html（）；if（a.length>h+h.minTrail）{var b=a.indexOf（''，h.length），if（b！-var=a，h.indexOf）（''，c.b）子字符串）var d=a.substring（b，a.length-1）；obj.html（c+''+h.ellipsisText+'+''+'+d+''）；obj.find（'.truncate_more'）.css（“display”，“none”）；obj.append（'+'+''）；var e=$（'.truncate_more'，obj）；var g=$（'.truncate_ellipsis'，obj）；e.click（function（）{if（e.text（）=h.moreText text）（'=h.css）{node；“display”）；desplay”；“none”）else{f.hide（h.lessAni）；e.text（h.moreText）；g.css（“display”，“inline”）}返回false}}}}（jQuery）；
这是一份声明
    
$（文档）.ready（函数（）{
/*已从$（''）更改*/
$（“#语句”）.jTruncate({
长度：5，
minTrail:0，
moreText:“[更多]”，
lessText:“[更少]”，
ellipsisText:“（截断）”，
莫拉尼：“快”，
莱萨尼：2000年
});
});
    希望这能有所帮助，圣诞快乐：-）我刚刚尝试了以下方法，效果不错（Chrome），除了这一行，我绝对不是jQuery方面的专家

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

    $（“”）
    不看写信给我，我已经评论了我在哪里改变了它，看看或更多的信息

    <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>

    
测试
/*jtruncate-应该是外部js文件*/
（function（$）{$.fn.jTruncate=function（h）{var i={length:300，minTrail:20，moreText:“more”，lessText:“lessText:”，ellipsisText:“…”，moreAni:”，lessAni:”}；var h=$.extend（i，h）；返回这个.each（function（）{obj=$（this）；var a=obj.html（）；if（a.length>h+h.minTrail）{var b=a.indexOf（''，h.length），if（b！-var=a，h.indexOf）（''，c.b）子字符串）var d=a.substring（b，a.length-1）；obj.html（c+''+h.ellipsisText+'+''+'+d+''）；obj.find（'.truncate_more'）.css（“display”，“none”）；obj.append（'+'+''）；var e=$（'.truncate_more'，obj）；var g=$（'.truncate_ellipsis'，obj）；e.click（function（）{if（e.text（）=h.moreText text）（'=h.css）{node；“display”）；desplay”；“none”）else{f.hide（h.lessAni）；e.text（h.moreText）；g.css（“display”，“inline”）}返回false}}}}（jQuery）；
这是一份声明
    
$（文档）.ready（函数（）{
/*已从$（''）更改*/
$（“#语句”）.jTruncate({
长度：5，
minTrail:0，
moreText:“[更多]”，
lessText:“[更少]”，
ellipsisText:“（截断）”，
莫拉尼：“快”，
莱萨尼：2000年
});
});
    希望这有帮助，圣诞快乐：-）

    你能发布你头标签的内容吗？你导入了jquery吗？你还使用了与jquery一起加载的MooTools框架吗？因为MooTools jquery可能会导致加载失败。添加了头细节。据我所知，我没有使用Moo工具，还是？（脸红）我从jquery网站下载了jquery。你能发布你的head标签的内容吗？你导入了jquery吗？你还使用了与jquery一起加载的MooTools框架吗？因为MooTools jquery可能会导致加载失败。添加了head详细信息。据我所知，我没有使用Moo工具，还是？（脸红）我从jquery网站下载了jquery这是我的jquery上面的所有文本（inc.script type=）jq脚本标记是最上面的，将在一点时间内尝试fiddler-虽然以前从未使用过它，但也将在body中尝试doc.ready…第4点-当我将docu ready脚本放在body标记中时，jquery脚本的其余部分应该与它一起使用还是应该保留在head部分？这是我的jquery上面的所有文本（inc.script type=）jq脚本标记是最上面的，将在一点时间内尝试fiddler-但之前从未使用过，w