JavaScript代码不会将display:block添加到元素

时间:2016-02-15 12:24:59

标签: javascript jquery

我在使用Chrome浏览器/浏览器时遇到了一个奇怪的问题"显示更多"特征

jQuery(document).ready(function ($) {
    size_li = $("#grid .items .item").size();
        x=12;
    $('#grid .items .item:lt('+ x +')').show();
    $('#loadMore').click(function () {
         x= (x+5 <= size_li) ? x+5 : size_li;
         $('#grid .items .item:lt('+ x +')').show();
    });
});

完整代码为here,在Chrome上可以正常使用,但完全相同的代码无法在我的本地PC或实时服务器上运行。

Firefox工作正常,通过查看开发工具,JavaScript不会将display: block添加到以下行中的元素:

$('#grid .items .item:lt('+x+')').show();

要查看问题的网址&#34;直播&#34; - https://offtherailsmag.com/new(半冒险图像(内衣等)

有关如何解决此问题的任何想法?

1 个答案:

答案 0 :(得分:1)

您需要更改

<script type="text/x-javascript">

<script type="text/javascript">