点击后重置jquery

发布于 2024-10-10 13:53:17 字数 649 浏览 3 评论 0原文

有人可以帮助我吗？

http://beibl.users32.interdns.co.uk/second.php

他们是我正在开发的网站，如果您单击中间导航中的计算机屏幕链接，它会弹出一个弹出窗口并使用 beautifulphoto 从 div 加载内容，这正是我想要的。

这是代码。

$("ul.second-menu a.first[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});

$("ul.second-menu a.first").click(function() {
var text = $(".inner-content").html();
var h2 = $("h2.sec-main").html();
$(".inner-content-op").append(text);
$(".header-ow h2").append(h2);
return false;
});

我的问题是，如果您关闭灯箱并重新打开它，它会再次加载内容，因此在灯箱关闭后我将 jquery 重置回其初始状态是两次。

请提供任何帮助。

原文

Can someone help me.

http://beibl.users32.interdns.co.uk/second.php

Their is the website i am working on if you click the computer screen link in the middle nav, it will alert a popup and load content from a div using prettyphoto which is great exactly what i want.

Heres the code.

$("ul.second-menu a.first[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});

$("ul.second-menu a.first").click(function() {
var text = $(".inner-content").html();
var h2 = $("h2.sec-main").html();
$(".inner-content-op").append(text);
$(".header-ow h2").append(h2);
return false;
});

My issue is if you close the lightbox and re-open it, it will load the content back in again so its their twice ho do i reset the jquery back to its intial state after the lightbox is closed.

Any help please.

分享到QQ

分享到微博

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

发布评论

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

双马尾 2024-10-17 13:53:17

这样做的原因是因为您正在附加到元素。

如果将append函数（如下所示）更改

$(".inner-content-op").append(text);
$(".header-ow h2").append(h2);

为html函数（如下所示），

$(".inner-content-op").html(text);
$(".header-ow h2").html(h2);

它将覆盖元素内的所有html，而不是附加到它。
这是你的结果：

$("ul.second-menu a.first[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});

$("ul.second-menu a.first").click(function() {
var text = $(".inner-content").html();
var h2 = $("h2.sec-main").html();
$(".inner-content-op").html(text);
$(".header-ow h2").html(h2);
return false;
});

The reason for this is because you are appending to the element.

If you change append function, like below

$(".inner-content-op").append(text);
$(".header-ow h2").append(h2);

to something like html function, like below

$(".inner-content-op").html(text);
$(".header-ow h2").html(h2);

It will overwrite all html within the element, rather than appending to it.
Here is your result:

$("ul.second-menu a.first[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});

$("ul.second-menu a.first").click(function() {
var text = $(".inner-content").html();
var h2 = $("h2.sec-main").html();
$(".inner-content-op").html(text);
$(".header-ow h2").html(h2);
return false;
});

回复收藏 0 原文