capty 插件中的单击处理程序

发布于 2024-12-24 02:37:54 字数 858 浏览 0 评论 0原文

我正在 jquery capty 插件中尝试这个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>

有什么想法吗？谢谢

原文

I am trying this JS code in jquery capty plugin . However the plugin needs an image to works, like:

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

Well, when i add this image the JS below didn't works. Basically what i want is just click in span and show an alert message with the content.

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

html code

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

Any idea ? thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

青春如此纠结 2024-12-31 02:37:54

下面的代码似乎对我有用。你可以在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() 因为这似乎是不必要的你的代码。

The following code seems to work for me. You can try it out on 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);
});

I also changed $(this).parent().children("span").html() to $(this).html() because it seems to be unnecessary for your code.

回复收藏 0 原文

~没有更多了~