打開Fancybox Iframe，點擊傳單彈出框中的鏈接

我用Leaflet製作了一張地圖。這張地圖由點組成;當用戶點擊一個點時，它會打開一個彈出窗口，其中包含一個信息和一個鏈接，用於在新頁面中打開表單。這個很不錯。
現在我希望鏈接在iframe中打開，而不是在新頁面中打開。我想使用FancyBox。打開Fancybox Iframe，點擊傳單彈出框中的鏈接

要做到這一點，我把鏈接的fancybox在我的html頁面（我有版本的jQuery 1.9.1）：

<link rel="stylesheet" href="/maquette/css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /> 

<script type="text/javascript" src="/maquette/biblio/jquery.fancybox-1.3.4.pack.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("#various3").fancybox({ 
      'width'   : '95%', 
      'height'  : '95%', 
      'autoScale'  : false, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'   : 'iframe' 
     }); 

     }); 
</script>

HTML文件調用JS文件，在其中我建立我的地圖。我配置了彈出這樣的：

var pl = L.geoJson(ptslum, { 
    pointToLayer: function (feature, latLng) { 
     return new L.Marker(latLng, { 
     icon: new myIcon({ 
      iconUrl: '/maquette/css/iconPL2.png' 
     }) 
     }).bindPopup("<b><center><FONT color = 999999> La référence du point lumineux sélectionné est </b>" + "<b>" + feature.properties.pl_ref_sdeer + "</b></FONT><br><br>" 
     + "<a class = \"iframe\" href = \"form/declapanne.php?id=" + feature.properties.pl_ref_sdeer + "\"> Cliquer pour déclarer la panne</a></center> "      
     ); 
    } 
});

但沒有任何反應：形式始終處於一個新的頁面..

你知道如何使單張及的fancybox之間的聯繫？

謝謝！

來源

2015-11-02 Julien

這聽起來更像是配置正確的鏈接來做你想做的事情的問題。標記彈出窗口顯示一些常規的HTML內容，所以我懷疑Leaflet與你的問題有關。 – ghybs

彈出窗口的內容會在彈出窗口打開時被添加到DOM，並在彈出窗口關閉時被刪除。因此，如果您需要對彈出窗口中的內容執行操作，您需要在彈出窗口打開時執行此操作。你可以聽由你L.Map實例觸發的popupopen事件：

var map = new L.Map('leaflet') 
    .setView([0, 0], 0); 

var marker = new L.Marker([0, 0]) 
    .bindPopup('<div id="foo"></div') 
    .addTo(map); 

document.getElementById('foo'); // Nope 

map.on('popupopen', function() { 
    document.getElementById('foo') // Yup 
}) 

map.on('popupclose', function() { 
    document.getElementById('foo') // Nope 
})

所以使用的fancybox，當你只能初始化彈出打開後，給這個彈出內容：

<a id="single_image" href="image_big.jpg"> 
    <img src="image_small.jpg" alt=""/> 
</a>

你會初始化的fancybox on popupopen是這樣的：

map.on('popupclose', function() { 
    $("a#single_image").fancybox(); 
})

來源

2015-11-02 17:42:17 iH8

打開Fancybox Iframe，點擊傳單彈出框中的鏈接

回答

相關問題