fancybox鏈接將瀏覽器重定向到圖像路徑

我試圖顯示哪個放大了fancybox（2）單擊時。問題是，當點擊圖片時，雖然它正確地顯示在fancybox內，但瀏覽器從頁面導航並轉到href中定義的鏈接。我怎樣才能防止這一點？fancybox鏈接將瀏覽器重定向到圖像路徑

<script type="text/javascript"> 
    $(document).ready(function() { 
    $(".fancybox").fancybox({ 
    helpers :{ 
     title :{ 
     type : 'over' 
     } 
    } 
    }); 
}); 
</script> 

<table> 
    <tbody> 
    <tr> 
     <td> 
     <a class="fancybox ui-link" title="My Image href="http://localhost/images/my_image.jpg"><img style="width:64px; height:64px;" src="images/my_image.jpg" alt=""></a> 
     </td> 
    </tr> 
    </tbody> 
</table>

來源

2013-02-25 Shakur

檢查你閉上你的'title'屬性正確..存在丟失的報價在年底'標題=「我Image' ......還有，你所說的」瀏覽器導航離開「是否意味着t帽子fancybox已關閉，圖像在瀏覽器窗口中打開？ – JFK 2013-02-25 20:04:29

fancybox保持打開狀態，但瀏覽器遵循鏈接動作，因此在這種情況下，它會轉到http：//localhost/images/my_image.jpg – Shakur 2013-02-25 20:07:12

那麼fancybox如何保持打開狀態？你能分享任何鏈接或創建一個測試頁面來查看問題。不確定我關注你。 – JFK 2013-02-25 20:20:34

首先，有一個「缺少在HTML代碼中的Title屬性。

其次，我不知道，但你應該用你的形象，而不是絕對路徑相對路徑嘗試。

例如：

<a class="fancybox ui-link" title="My Image" href="images/my_image.jpg"><img style="width:64px; height:64px;" src="images/my_image.jpg" alt="" /></a>

來源

2013-02-25 15:59:44 pistou

謝謝，它沒有幫助已經嘗試 – Shakur 2013-02-25 16:07:14

你嘗試沒有fancybox選項？像$（「a.fancybox」）。fancybox（）; – pistou 2013-02-25 16:17:12

fancybox鏈接將瀏覽器重定向到圖像路徑

回答

相關問題