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

JavaScript code doesn't add display: block to the elements

本文关键字：添加 display block 元素 代码 JavaScript      更新时间：2023-09-26

我在执行"显示更多"功能时遇到了Chrome/Safari的奇怪问题。

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();
    });
});

完整的代码在这里，在Chrome中工作正常，但完全相同的代码在我的本地PC或实时服务器上不起作用。

Firefox 工作正常，从查看开发工具来看，JavaScript 没有将display: block添加到元素中，如下所示：

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

查看问题"实时"的 URL - https://offtherailsmag.com/new(半猥亵图像(内衣等(

如何解决这个问题的任何想法？

你需要改变 

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

自

<script type="text/javascript">
相关文章：