2013-02-22 35 views
0

對於基本問題感到抱歉,但我正在嘗試構建一個頁面。它使用inview,在達到某個div時觸發Javascript事件。在向下滾動(瀏覽)時彈出colorbox

我想要觸發的特定事件是一個colorbox彈出窗口。我可以看到你如何在加載時打開colorbox,但由於我對javascript有點新,所以我很難在瀏覽器中觸發它。我試過搜索,但沒有得到任何地方。

我把它放在JSBin上。以下是鏈接:http://jsbin.com/idizop/6/edit

非常感謝! :)

+1

可以使inview觸發任何事情,當你想要的嗎?基本警報? – 2013-02-22 03:06:35

+0

是的,我試過了,警報工作正常。 – Joe 2013-02-22 03:12:49

回答

1

也許是這樣的:

$('p.inview').bind('inview', function (event, visible) { 
    if (visible) 
    { 
     $.colorbox(
     {inline:true, href:"#inline_content"} 
    ); 
    } else { 
     $(this).text('nothing'); 
    } 
    }); 
+0

不適合我,嘔吐很多警告。我嘗試使用我網站上的隨機頁面作爲網址。如果有幫助,我嘗試使用的作爲Lightbox內容的div位於html的底部,當通過鏈接觸發它時彈出正常(使用'#inline_content'作爲URL) Thanks! :) – Joe 2013-02-22 03:27:29

+1

我更新了答案 - 查看「內容類型」下的colorbox文檔,瞭解顯示內容的不同方式。 – 2013-02-22 03:30:40

+0

非常好,非常感謝,現在完美地工作! :)我一直在看,謝謝你:) – Joe 2013-02-22 05:46:43

相關問題