Question

我正在使用jquery打开一个灯箱。我正在使用两个页面（因为我的要求是从另一个页面获取灯箱内容）。这是我的fisr页面代码，我已经编写了打开灯箱的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script>
$(document).ready(function(){
    $('#open').click(function(){
    $("#light").load("light.html");
        $('div.white_content').css("display","block");

    });
    $('#close').click(function(){
        $('div.white_content').css("display","none");
    });
});
</script>

<style>
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
</style>
</head>

<body>
    <p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" id="open">here</a></p>
    <div id="light" class="white_content"></div>
</body>
</html>

这是我的代码，其中灯箱的内容是

light.html中的页面

<div>Hello this is sandeep<br />
        Widevision technology
 <br />indore <a href = "javascript:void(0)" id="close">Close</a>
</div>

上面的代码工作正常。问题在于关闭灯箱。因为我从另一个页面（light.html）获取灯箱内容。我可以在index.html上看到上面的关闭事件代码

$('#close').click(function(){
        $('div.white_content').css("display","none");
    });

上面的代码不起作用，但是如果我将代码移到light.html上，它会工作。但是我想让它从index.html.AS开始工作，open事件是从这个页面起作用的，为什么不关闭事件呢？

Answer 1

尝试将.click(function() {更改为.live('click', function() {

请参阅jquery live api doc

将一页的jquery事件处理到另一页

1 个答案: