Добавить не работает в JQuery - PullRequest
Новая
       7

Добавить не работает в JQuery

0 голосов
/ 20 января 2012

Я пытаюсь добавить tp-lightboxactitem в tp-lightboxcontainer. Может ли кто-нибудь помочь мне с этим. Это не работает, я хочу, чтобы lightbox activeitem был внутри tp-lightboxcontainer, а tp-lightboxactitem - в центре. 

$('body').append('<div id="tp-lightboxcontainer" class="'+opt.style+' lightboxitem"></div>');
        var tp-lightboxcontainer=find('#tp-lightboxcontainer');
        tp-lightboxcontainer.append('<div id="tp-lightboxactitem" class="'+opt.style+' lightboxitem"></div>');

Ответы [ 2 ]

1 голос
/ 20 января 2012 
$('<div id="tp-lightboxcontainer" class="'+opt.style+' lightboxitem"></div>')
    .appendTo('body')
    .append('<div id="tp-lightboxactitem" class="'+opt.style+' lightboxitem"></div>');

Вы действительно работаете здесь только с одним объектом, так что вы можете сделать это в одной строке. jsFiddle

  1. Сделать контейнер (целевой контейнер)
  2. Добавить его к <body> (все еще целевой контейнер)
  3. Добавьте ваш товар в контейнер (все еще целевой контейнер)

ps: если вы хотите использовать этот контейнер для большего количества вещей, не стесняйтесь также кэшировать его, поставив перед ним var whatever =.

0 голосов
/ 20 января 2012

Да. Код синтаксически не верен, как сказал Эсайлия. У меня есть рабочий и правильный код ниже: Сделано изменений:

  1. opt необходимо правильно определить до.
  2. имя переменной не должно иметь «-», но вместо этого может иметь «_», как говорил Эсайлия.
  3. Операция поиска была неверно выполнена в этом коде. 
var opt=""; 

// op can be whatever defined before in the code.
$('body').append('<div id="tp-lightboxcontainer" class="myClass" lightboxitem"></div>');

//Find updated.

var tp_lightboxcontainer=$("body").find('#tplightboxcontainer');  

tp_lightboxcontainer.append('<div id="tp-lightboxactitem" class="'+opt.style+' lightboxitem"></div>');
...