Question

有人可以帮助我。

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

如果您点击中间导航栏中的计算机屏幕链接，他们就是我正在处理的网站，它将提醒弹出窗口并使用prettyphoto从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重置回初始状态。

请帮忙。

Answer 1

原因是你要附加元素。

如果更改追加功能，如下所示

$(".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;
});

Answer 2

您可以在每次单击时清空$（“。inner-content-op”）和$（“。header-ow h2”）元素，或者您可以使用append（）而不是使用html（）函数

单击后重置jquery

2 个答案: