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

Question

我有以下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 !!

但是！ 如果该页面已经有以下链接用于 highslide，则一切正常

<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 的弹出窗口...

如何解决问题？提前谢谢你

Answer 1

我猜是你的选择器有问题

$('.myClass a')

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

尝试仅使用 .myClass 来选择您的 a 标记。

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

Answer 2

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

试试下面的代码

return hs.expand(this);