2016-02-15 2 views
-1

У меня есть странная проблема с хромом/сафари при выполнении функции «показать больше».Wierd jQuery error on 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(); 
    }); 
}); 

Полный код https://jsfiddle.net/faL9ayLc/ и отлично работает в хроме там, но точно такой же код не работает на моем локальном компьютере или на сервере.

Firefox работает отлично, глядя на Дев инструменты JS не добавляет «дисплей: блок» для элементов, является следующая строка:

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

URL, чтобы увидеть вопрос «вживую» - http://tiny.cc/oqu58x (полу-рискованными изображения (белье и т.д.)

Любые идеи в том, как это исправить?

+0

вы могли бы быть немного более конкретными, чем 'не work' –

+0

Вы знаете, если функция называют? Если вы положили 'console.log' в свою' готовую' функцию, она срабатывает при загрузке вашего сайта? – Rotan075

+0

Взгляните на URL-адрес и мое описание - изображение не загружается, хотя может видеть их в исходном коде, поэтому по какой-то причине код не добавляет «display: block» к элементу –

ответ

1

Вы должны изменить

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

в

<script type="text/javascript"> 
+0

как я пропустил это? смотрел на него в течение 2 часов :) Большое спасибо –

+0

Я знаю, что чувство: D –