Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 代码在线运行良好,但在本地文件上失败_Jquery - Fatal编程技术网

Jquery 代码在线运行良好,但在本地文件上失败

Jquery 代码在线运行良好,但在本地文件上失败,jquery,Jquery,请查看此代码: 此代码在jsfiddle.net中工作,但在本地服务器上不工作 本地js代码, 此代码显示和隐藏更多或更少的文本 <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(document).ready(function () { var maxheight=118; var s

请查看此代码:

此代码在jsfiddle.net中工作,但在本地服务器上不工作 本地js代码, 此代码显示和隐藏更多或更少的文本

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
      var maxheight=118;
      var showText = "More";
      var hideText = "Less";

      $('.textContainer_Truncate').each(function () {
        var text = $(this);
        if (text.height() > maxheight){
            text.css({ 'overflow': 'hidden','height': maxheight + 'px' });

            var link = $('<a href="#">' + showText + '</a>');
            var linkDiv = $('<div></div>');
            linkDiv.append(link);
            $(this).after(linkDiv);

            link.click(function (event) {
              event.preventDefault();
              if (text.height() > maxheight) {
                  $(this).html(showText);
                  text.css('height', maxheight + 'px');
              } else {
                  $(this).html(hideText);
                  text.css('height', 'auto');
              }
            });
        }       
      });
   });​
</script>

$(文档).ready(函数(){
var-maxheight=118;
var showText=“更多”;
var hideText=“Less”;
$('.textContainer_Truncate')。每个(函数(){
var text=$(此);
if(text.height()>maxheight){
css({'overflow':'hidden','height':maxheight+'px'});
变量链接=$('');
var linkDiv=$('');
linkDiv.append(link);
$(此).after(linkDiv);
链接。单击(功能(事件){
event.preventDefault();
if(text.height()>maxheight){
$(this).html(showText);
css('height',maxheight+'px');
}否则{
$(this.html(hideText);
css('height','auto');
}
});
}       
});
});​
htm代码:

<div class="textContainer_Truncate">
      <p>content<br>
        hello<br>
        hello<br>
        hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
        </p>
    </div>

内容
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好

文件夹的内容: index.htm和jquery-1.8.2.min.js
如何在本地使用此代码?

我尝试复制您所做的工作,发现它工作正常,没有错误

考虑下载此解决方案(一个文件夹包含index.html页面以及jquery 1.8.2.js文件)。 也许你做了些额外的东西

更新:我注意到在复制代码时,代码中有一个额外的问号,请看下图


我尝试复制您所做的工作,发现它工作正常,没有错误

考虑下载此解决方案(一个文件夹包含index.html页面以及jquery 1.8.2.js文件)。 也许你做了些额外的东西

更新:我注意到在复制代码时,代码中有一个额外的问号,请看下图


请定义“不工作”(因为这可能意味着很多事情——从JS行为中的轻微故障到炸毁整个计算机;希望不是后者),并显示该HTML文件的完整源代码(即index.htm)。jquery-1.8.2.min.JS是正确的包含路径吗?请检查此小提琴。它是我根据你的脚本和html创建的。工作正常。请检查本地代码中的脚本引用。请定义“不工作”(因为这可能意味着很多事情——从JS行为中的轻微故障到炸毁整个计算机;希望不是后者),并显示HTML文件(index.htm)的完整源代码。即“jquery-1.8.2.min.JS”正确的包含路径?检查此小提琴。它是我根据你的脚本和html创建的。工作正常。请检查您的本地代码中的脚本引用。捕捉得好,我也看到了,并确认这是捕捉得好,我也看到了,并确认了这是