jquery click事件

[fanercute]

$(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，但现在出了点问题，点一下弹不出来，要点两下才行。什么问题，高手帮忙看看
地址
最下面的几张图片

[fanercute]

怎么没人。。 不是广告啊 晕 做得这么丑 打什么广告

[hookee]

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

[fanercute]

[Quote=引用 2 楼 hookee 的回复:]
HTML code


<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(){
$('bod……
[/Quote]
2楼这个不行的，我得根据点击的图片取路径啊

[liangws]

FF没问题。IE确实要点2下

[hookee]

哦,没看清
我这里 IE 7.8 测下来点一下吧

[yhtapmys]

[Quote=引用 3 楼 fanercute 的回复:]
引用 2 楼 hookee 的回复:
HTML code


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script language="JavaScript">
$(document).ready(fun……
[/Quote]

写里面

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

[fanercute]

[Quote=引用 6 楼 yhtapmys 的回复:]
引用 3 楼 fanercute 的回复:
引用 2 楼 hookee 的回复:
HTML code


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script language="JavaScript">……
[/Quote]
六楼 你这个不跟我最开始那个一样么

[明悟]

改成这样看看:

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

[wishifef]

你把你引用的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>

[wshiwushengzhong]

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

[wishifef]

试试这个

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

[fanercute]

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