在jQuery(document).ready中创建highslide单击事件

时间:2015-09-28 15:39:48

标签: javascript jquery highslide

我有以下

的html代码
<td><a href="url_to_large_image" class="myClass"><img alt="" src="url to trumb" /></a></td>

我尝试添加库highslide.Js

jQuery(document).ready(function() {
    $('.myClass a').each(function() {
        $(this).click(function() {
            my res = hs.expand(this);
            alert(res); // false
            return false;
        });
    });
});

当我点击链接时,浏览器重新加载页面并显示url_to_large_image,尽管该方法返回false !!

但是! 如果该页面已经有高级滑动的以下链接,则一切正常

<td><a href="url_to_large_image1" class="myClass"><img alt="" src="url_to_trumb1" /></a></td>
<td><a href="url_to_large_image2" "return hs.expand(this)"><img alt="" src="url_to_trumb2" /></a></td>

在这种情况下,点击url_to_large_image1打开highslide的弹出窗口...

如何解决问题?提前谢谢

2 个答案:

答案 0 :(得分:1)

我猜您的选择器存在问题

$('.myClass a')

将选择myClass中的所有a-tags。

尝试仅使用.myClass来选择你的a-tags。

jQuery(document).ready(function() {
$('.myClass').each(function() {
    $(this).click(function() {
        my res = hs.expand(this);
        alert(res); // false
        return false;
    });
});
});

答案 1 :(得分:0)

您需要返回该对象而不是返回false。

尝试以下代码

return hs.expand(this);