附加在 jQuery 中不起作用

发布于 2024-12-28 09:31:26 字数 478 浏览 0 评论 0 原文

我正在尝试将 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>');

I'm trying to append tp-lightboxactitem into tp-lightboxcontainer. Can any one help me with this thing. It's not working, I want that lightbox activeitem comes inside tp-lightboxcontainer and tp-lightboxactitem comes in center of it .

$('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>');

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

今天小雨转甜 2025-01-04 09:31:26
$('<div id="tp-lightboxcontainer" class="'+opt.style+' lightboxitem"></div>')
    .appendTo('body')
    .append('<div id="tp-lightboxactitem" class="'+opt.style+' lightboxitem"></div>');

您实际上只在此处处理一个对象,因此您可以在一行中完成此操作。 jsFiddle

  1. 制作容器(目标容器)
  2. 将其附加到 (仍然是目标容器)
  3. 将您的项目附加到容器(仍然是目标容器)

ps:如果您想使用该容器来做更多事情,也可以通过在其前面放置 varwhatever= 来缓存它。

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

You're really only working with one object here, so you can do this in one line. jsFiddle

  1. Make the container (target container)
  2. Append it to the <body> (still target container)
  3. Append your item to the container (still target container)

ps: if you want to use that container for more things, feel free to cache it too by putting var whatever = in front of it.

岁月打碎记忆 2025-01-04 09:31:26

是的。正如 Esailija 所说,代码在语法上不正确。我有以下有效且正确的代码:
更改完成:

  1. opt 需要在之前正确定义。
  2. 变量名不应该有“-”,但可以有“_”,就像 Esailija 之前所说的那样。
  3. 该代码中的查找操作错误地完成。
var opt=""; 

// op 可以是代码中之前定义的任何内容。
$('body').append('
'); //查找更新。 var tp_lightboxcontainer=$("body").find('#tplightboxcontainer'); tp_lightboxcontainer.append('
');

Yes. Code is syntactically not correct as Esailija said. I have working and correct code below:
Changes done:

  1. opt need to be defined properly before.
  2. variable name should not have '-', but can have '_' instead as Esailija said before.
  3. Find operation was wrongly done in that code.
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>');
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文