Jquery Dynamic fancy box

從Jquery加載fancybox我如何檢索頁面上的div ID而不是整個頁面的內容。這是我的代碼，所以車費這讓我整個頁面：Jquery Dynamic fancy box

索引視圖（此鏈接styel的顯示視圖）：

<div class="style_image"> <%=link_to (image_tag style.cover.pic.url(:normal)), style %></div>

顯示視圖（我希望出現在的fancybox ）：

<div id="show_style"> 

    ALL THE CONTENT! 

</div>

的application.js：

$(function() { 

$(".style_image a").live('click', function(event) { 

    $(".style_image a").fancybox(); 
    return false;  

}); 
});

我自己也嘗試沒有成功如下：

$(function() { 

$(".style_image a").live('click', function(event) { 

    $(".style_image a" + "#show_style").fancybox(); 
    return false;  

}); 
});

我不確定這是如何完成的，因爲fancy box docs上的信息很少。我希望這是動態的而不是內聯的。

來源

2010-04-09 MrThomas

等待，你想擁有「show_style」的ID錨？ – Metropolis 2010-04-09 21:05:10

我想從href中獲取ID show_style的內容並將其顯示在FAncyBox中！ – MrThomas 2010-04-09 22:43:07

好的......我認爲你所使用的名字讓我感到困惑，可能還有其他人。當你說「我想獲得ID show_style的內容」時，這是否意味着ID爲show_style的元素的內容？當你說「來自href」時，你是在談論錨元素的內容嗎？或實際的href數據....請更具體的事情，否則將很難提供幫助。你可以請張貼你的HTML這些元素......這將有所幫助。 – Metropolis 2010-04-12 04:36:10

我不知道，我知道你的意思，但如果你想打電話只是元素的fancybox關於（）點擊試試這個：

$(function() { 

$(".style_image a").live('click', function(event) { 

    $('this').fancybox(); 
    return false;  

}); 
});

來源

2010-04-09 17:37:11 Peter

彼得這隻會調用標準的HRE鏈接（「。style_image a」）。我只想從href中獲取#show_style ID，如上所述。 – MrThomas 2010-04-09 18:15:48

我不認爲我會跟着你。錨中有#show_style ID嗎？也許你應該給我看一些HTML ... – Peter 2010-04-12 12:15:28

我添加了一些HTML，使事情更清晰！ – MrThomas 2010-04-15 15:22:26

好

基於關閉您提供我的最新諮訊相信你所要做的就是把所有來自show_style元素的內容都放在fancybox裏面。這裏是JavaScript。

$(function() { 
    $("a#linkEle").fancybox({ 
     'hideOnContentClick': true 
    }); 
});

，並將HTML將指向內容show_style元素

<a id="linkEle" href="#show_style"></a> 
<div style="display:none"><div id="show_style">ALL CONTENT TO BE SHOWN</div></div>

看到裏面錨HREF點與show_style的ID的DIV如何。如果您試圖從show_style中獲取所有內容並將其放入花哨框中，我相信您將如何做到這一點。

都市報

來源

2010-04-09 20:58:22 Metropolis

這些方法不行，歡呼都市！ – MrThomas 2010-04-09 23:49:06

按照Fancybox documentation，你會希望你的<a>標記有#show_style他們的href元素。

<div class="style_image"><a href="#show_style">Click here to show fancybox</a></div>

那麼你的第一個代碼應工作：

$(function() { 

$(".style_image a").live('click', function(event) { 

    $(".style_image a").fancybox(); 
    return false;  

}); 
});

來源

2010-04-09 21:11:30

我有這個問題也。

現在它已經解決了。

這裏就是答案：

function view(url){ 

    $.fancybox(
      url, 
      { 
       type: 'iframe', 
       width   : '35%', 
       height   : '50%', 
       showCloseButton: true, 
       opacity: true, 
       overlayOpacity: 0, 
       transitionIn: 'none', 
       transitionOut: 'none', 
       enableEscapeButton: true 
      } 
    ); 
} 




<a onclick="view('ViewFacility?rid=2');return false;" >click</a>

來源

2011-12-04 04:47:43 lvyaojia

Jquery Dynamic fancy box

回答

相關問題