Jquery 代码在线运行良好,但在本地文件上失败
请查看此代码: 此代码在jsfiddle.net中工作,但在本地服务器上不工作 本地js代码, 此代码显示和隐藏更多或更少的文本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
<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创建的。工作正常。请检查您的本地代码中的脚本引用。捕捉得好,我也看到了,并确认这是捕捉得好,我也看到了,并确认了这是