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

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文档