Fancybox的問題。 Iframe只適用於網站上的第一個鏈接

我正在測試Iframes的Fancybox，並且我注意到在我的WordPress博客（以及其他地方）中，iframe僅在我的主頁上打開了第一個鏈接。我已將id屬性添加到所有鏈接。Fancybox的問題。 Iframe只適用於網站上的第一個鏈接

任何想法爲什麼是這樣以及如何糾正它？以下是代碼。我只將名稱更改爲彈出，並設置爲所有鏈接id =「popup」。在示例頁面上，它也使用id，但僅在一個鏈接上。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#popup").fancybox({ 
      'width'    : '75%', 
      'height'   : '75%', 
      'autoScale'   : false, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'    : 'iframe' 
     }); 
    }); 
</script>

來源

2011-04-06 EnexoOnoma

1添加一些代碼，第二個我覺得應該是具有相同的名稱不是一個ID類！ ID應該是獨特的，所以嘗試改變類到類，然後改變選擇器的花式框 – ITroubs 2011-04-06 09:00:04

@Itroubs你好，我已經更新了這個問題，但我所做的是從他們的文檔。 – EnexoOnoma 2011-04-06 09:06:54

ID 必須是唯一的。如果你現有的代碼是一樣的東西

<a href="whatever" id="popup">Link 1</a> 
<a href="whateverelse" id="popup">Link 2</a>

更改它，而不是要

<a href="whatever" class="popup">Link 1</a> 
<a href="whateverelse" class="popup">Link 2</a>

然後，調整你的Javascript是

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a.popup").fancybox({ 
      'width'    : '75%', 
      'height'   : '75%', 
      'autoScale'   : false, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'    : 'iframe' 
     }); 
    }); 
</script>

之所以使用他們的文檔ISN代碼不爲你工作是因爲他們的文檔處理只有一個鏈接，而不是一組鏈接。

來源

2011-04-06 09:10:58

謝謝先生！有效。是否有任何轉換效果列表？ – EnexoOnoma 2011-04-06 09:16:38

你是什麼意思？ – 2011-04-06 09:43:51

你在做什麼是添加一個fancybox的一個實體與id彈出。如果你想讓多個<a>標籤擁有自己的fancybox，那麼你必須或者做你爲efery標籤做了一個不同的id，或者你給他們同一個類與不同的「rel」。

看到這個example

來源

2011-04-06 09:15:08 ITroubs

Fancybox的問題。 Iframe只適用於網站上的第一個鏈接

回答

相關問題