在jQuery（document）.ready中創建高滑動點擊事件

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！

但！ 如果頁面已經有以下指向高幻燈片的鏈接，則說明一切正常

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

嘗試僅使用.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);