Question

Я использую эту JQuery строку кода и она отлично работает с установленным

$("div[id='gallery-'+nr] ul.previews li[id*='preview-']").last().clone().attr('id','preview-extra').appendTo("div[id='gallery-'+nr] ul.previews"); 

Я добавляю <li> -элементные к <ul> списку JQuery версии 1.7.2 К сожалению, эта строка кода не работает в JQuery 1.8.3

в ErrorMessage İŞ ошибка: ошибка синтаксиса, непризнанный выражение: Div [ID = 'галерея -' + NR] ul.previews Bronbestand: http://www.inwording.nl/supportbeta/wp-includes/js/jquery/jquery.js?ver=1.8.3 Регель : 2

Таким образом, это относится к части приложения appendTo.

я могу изменить его

.appendTo("div[id='gallery-'+nr] ul[class='previews']"); 

Это снимает ErrorMessage, но не добавляет элемент в мой список.

Я могу изменить версию jQuery обратно в 1.7.2, но я не уверен, что это путь, так как это часть плагина WordPress, а WordPress 3.5+ - с jQuery 1.8.3. Другие плагины могут зависеть от 1.8.3, если я верну его обратно к 1.7.2, он сломает другие плагины.

Я попытался найти различия между 1.7.2 и 1.8.3, но не смог найти никакой информации, связанной с кодом, который я использую.

Кто-нибудь видел эту проблему раньше?

Answer 1

Есть nr переменная, которую вы используете, чтобы вставить селектор, или это действительно часть id вашего <div>?

Другими словами, это то, что находится в коде HTML?

<div id="gallery-+nr"> 

Это необычный id, но это действительно в HTML5.

Если это то, что она есть, то проблема только, что одна из цитат в неправильном месте в этом селекторе:

div[id='gallery-'+nr] 

Это необходимо будет:

div[id='gallery-+nr'] 

первая версия является недопустимой селектор, и даже JQuery 1.7.2 отвергает, когда вы используете его сам по себе:

> $("div[id='gallery-'+nr]") 
    Error: Syntax error, unrecognized expression: [id='gallery-'+nr] 

Oddl у достаточно, 1.7.2 делает позволяют этот селектор, когда он используется как часть более длинного селектора в коде:

> $("div[id='gallery-'+nr] ul[class='previews']") 
    [ ul.previews ] 

Ошибка проверка получил строже в 1.8.3, где он отвергает эту форму селектора слишком.Но опять-таки изменить его на это будет работать:

$("div[id='gallery-+nr'] ul[class='previews']") 

Теперь, когда я впервые прочитал ваш вопрос, я думал, nr был на самом деле это переменная, которая должна быть сцеплены в id строку в селекторе, например, Вы можете иметь этот HTML:

<div id="gallery-9"> 
    <ul class="previews"> 
    </ul> 
</div> 

и с учетом переменной nr которого текущее значение 9, вы можете выбрать <ul> так:

$("div[id='gallery-" + nr + "'] ul[class='previews']") 

Я подозреваю, что я был неправ в этом догадка, так как вы упомянули, что код работал в jQuery 1.7.2. Но на всякий случай, я оставлю эту часть ответа здесь с парой соответствующих предложений:

1. Он работает нормально так или иначе, но я бы предложил поменять местами одинарные и двойные кавычки, поэтому JavaScript строки одинарные и атрибуты внутри селекторов двойные кавычки. Таким образом, он следует документации jQuery для селекторов и также согласуется с вашими другими цитированными строками.

2. Полезно форматировать длинные цепочки jQuery с помощью вызовов метода на отдельных строках вместо одной длинной строки.

Собираем все это вместе, код может выглядеть следующим образом:

$('#gallery-' + nr + ' ul.previews li[id*="preview-"]') 
    .last() 
    .clone() 
    .attr('id', 'preview-extra') 
    .appendTo('div[id="gallery-' + nr + '"] ul.previews');