JS：從當前圖像中讀取給定的SRC屬性（Nivo滑塊）

Question

我有點沒用過javascript。

我想從當前圖像（nivo滑塊）中讀取給定的SRC屬性。 通過單擊，應打開href 。

$('a', vars.controlNavEl).bind('click', function(){    
    window.location = "xxx currentImage.attr('href')";  //something like that?
});

我真的很感謝任何建議。

Answer 1

我認為您的問題尚不清楚。

window.location重定向到指定的資源，在您的情況下，重定向到通過src屬性指定的圖像資源。 如果您想停留在實際頁面中，但是將圖像顯示為彈出窗口或類似內容，則可以使用jQuery作為該頁面或Bootstrap。 我不知道Nivo Slider是否提供該功能。

Answer 2

1. 使用window.location您將用戶從當前頁面重定向到另一個頁面

2. 您的代碼是錯誤的，您為window.location分配了一個字符串，而不是對圖像SRC屬性的引用。

這是正確的代碼（如果您要重定向）

window.location.href = currentImage.attr('src');

如果要打開新窗口，則應檢查window.open方法。

Answer 3

我剛剛看到，我錯了。 當然，在圖像的標簽中沒有指定“ href”。

因此，我要解決的問題是：在圖像中添加href屬性，如下所示：

<a class="imgTip1" href="soft-about.html"><img src="images/index-sliders2/soft.jpg" data-thumb="images/nivo-menu/soft.png" alt="" href="soft-about.html" title=""></a>

現在，JavaScript看起來像這樣：

    $('a', vars.controlNavEl).bind('click', function(){  // NEW
            window.location = vars.currentImage.attr('href'); 
    });

到目前為止對我有用。

這對於任何瀏覽器還是任何其他問題？ 在html的圖片標簽中添加“ href”屬性？