jquery click事件

Question

$(document).ready(function(){
$('.show_big').click(function(){
$('body').append('<div class="big_img"><img src="' + this.src + '" /></div>');
$('.big_img').offset($(this).offset());
});
});jquery控制点击图片时弹出一个div，但现在出了点问题，点一下弹不出来，要点两下才行。什么问题，高手帮忙看看
地址
最下面的几张图片

Answer 1

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script language="JavaScript">
$(document).ready(function(){
    $('body').append('<div class="big_img"><img src="' + this.src + '" /></div>');
    $('.show_big').click(function(){
        $('.big_img').offset($(this).offset());
    });
});</script>
<div class="show_big">xxx</div>

Answer 2

写里面
    $(document).ready(function() {
        $('.show_big').click(function() {
            $('body').append('<div class="big_img"><img src="' + this.src + '" /></div>');
            $('.big_img').offset($(this).offset());
        });
    });

Answer 3

改成这样看看:$(document).ready(function() {
        $('.show_big').find().click(function() {
            $('body').append('<div class="big_img"><img src="' + this.src + '" /></div>');
            $('.big_img').offset($(this).offset());
        });
    });

Answer 4

你把你引用的jquery1.4.2 换成1.6 试下用上面 hookee 引用的那个
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

Answer 5

+1学习。另外问下，你这个跳出的div是盖住图片显示还是图片被div取代，抑或是div显示在图片下方啊？

Answer 6

试试这个 $(document).ready(function() {
        $('.show_big').click(function() {
            $('body').append('<div class="big_img"><img src="' + this.src + '" /></div>');
var left=$(this).offset().left;
var top=$(this).offset().top;
            $('.big_img').css({"left":left,"top":top});
        });
    });

Answer 7

九楼和十一楼的方法是正解，十一楼直接修改CSS好啊 ，我就没想到。
回十楼：跳出的DIV会盖住图片，我在样式表里给big_img加了z-index。
谢谢各位了。