Question

我正在jquery capty plugin中尝试这个JS代码。但是插件需要图像才能工作，例如：

<img id="default1" src="img/1.jpg" name="#content-target1" width="208" height="143" class="latest_img" />

好吧，当我添加这个图像时，下面的JS不起作用。基本上我想要的只是点击跨度并显示包含内容的警报消息。

$('.tag_content').live('click', function(event){
    var span_val = $(this).parent().children("span").html();
    alert(span_val);
    });

html代码

<div class="images">
     <a href="#"> <img id="default1" src="img/1.jpg" name="#content-target1" width="208" height="143" class="latest_img" /> </a>
     <div id="content-target1">
     <span class="tag_content">Design</span>
    </div>
</div>

有什么想法吗？感谢

Answer 1

以下代码似乎对我有用。你可以在jsFiddle上试试：http://jsfiddle.net/fZSGt/4/

$('#default1').capty();
$('.tag_content').click(function() { 
    //var span_val = $(this).parent().children("span").html();
    var span_val = $(this).html();
    alert(span_val);
});

我还将$(this).parent().children("span").html()更改为$(this).html()，因为您的代码似乎没有必要。

在capty插件中单击处理程序

1 个答案: