jQuery - bpopup插件，我需要幫助在複製

我已經嘗試了所有我能想到的 - 包括包括每個bpopup和jquery JavaScript文件，甚至一個.json文件我發現在一個例子，但似乎無法得到這個東西上班。我都包含在同一文件夾中的腳本文件作爲例子，我試圖運行的：jQuery - bpopup插件，我需要幫助在複製

bpopup（jQuery plugin），Code Example。我的非工作example here。

這是我試圖去工作的最後一個環節，只是一個起點。我已瀏覽了examples here。它展示了我想要使用的一些很酷的東西。下載頁面和附帶的文件，並在Dreamweaver中打開它也不適用於我..

任何幫助將天文讚賞。 jfiddle的例子工作，但我不能看到他們鏈接到哪個腳本文件 - 他們必須以某種方式上傳到jfiddle。當我試圖在stackoverflow上使用bpopup時，我已經搜索了其他的問題，但是我找不到一個完整的，非破壞的（in to various pieces）解決方案，即整個html頁面以及鏈接到嵌入在head標籤中的腳本文件。

謝謝了，

布賴恩

來源

2013-11-23 Relative0

您需要添加jQuery.js，jquery.bpopup-0.9.4.min.js，jquery.easing.1.3.js和樣式表。例如，

JS：從他們的網站

http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js 
http://dinbror.dk/bpopup/assets/jquery.bpopup-0.9.4.min.js 
http://dinbror.dk/bpopup/assets/jquery.easing.1.3.js

樣式表：

http://dinbror.dk/bpopup/assets/style.min.css

而這種代碼

$(function(){ 
    $('#pop').click(function(){ 
     $('#popup').bPopup(); 
    }); 
});

HTML：

<div id="popup" style="display: none;"> 
    <span class="button b-close"><span>X</span></span> 
    If you can't get it up use<br /> 
    <span class="logo">bPopup</span> 
</div>

Works Fine（點擊彈出按鈕）。

CSS：（用於彈出）與another example

#popup, .bMulti { 
    background-color: #FFF; 
    border-radius: 10px 10px 10px 10px; 
    box-shadow: 0 0 25px 5px #999; 
    color: #111; 
    display: none; 
    min-width: 450px; 
    min-height: 250px; 
    padding: 25px; 
} 

#popup .logo { 
    color: #2B91AF; 
    font: bold 325% 'Petrona',sans; 
} 

.button.b-close, .button.bClose { 
    border-radius: 7px 7px 7px 7px; 
    box-shadow: none; 
    font: bold 131% sans-serif; 
    padding: 0 6px 2px; 
    position: absolute; 
    right: -7px; 
    top: -7px; 
} 

.button { 
    background-color: #2B91AF; 
    border-radius: 10px; 
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); 
    color: #FFF; 
    cursor: pointer; 
    display: inline-block; 
    padding: 10px 20px; 
    text-align: center; 
    text-decoration: none; 
}

更新：在您的例子（給出鏈接），你已經裝載jQuery三次，最重要的是，加載了plugin (bPopup)不止一次，最後jQuery，因此jQuery對象已更改。因此，只需首先加載jQuery的單個版本，然後加載jquery.easing.js，然後加載bPopup.js（分鐘/展開）。同時加載stylesheet（style.js），併爲popup div聲明樣式。

來源

2013-11-28 04:06:35

謝謝，不知道爲什麼我這麼麻煩。我非常感謝你把它打破;當最簡單的事情讓你發瘋時，它真的很糟糕，而你卻無法弄清楚錯誤發生在哪裏。再次，非常感謝！ – Relative0

@ user1922184，很高興幫助，歡迎您:-) –

我如何在彈出窗口中加載外部頁面，我使用了 - loadUrl - 但完全不工作，請幫助。 –

我已經使用了你的代碼，它工作正常。這是demo。這個問題似乎與你正在調用的多個jQuery版本有關。總共需要以下兩個文件得到這個工作：

jquery.js
jquery.bpopup.min.js或jquery.bpopup.js

如果您想了解更多關於什麼發生在你嘗試使用jQuery的多個版本以及如何實際執行它，你應該參考http://api.jquery.com/jQuery.noConflict/

除此之外，你應該總是在使用任何基於jQuery的插件之前加載jQuery。

來源

2013-12-04 17:15:05 Aniket

jQuery - bpopup插件，我需要幫助在複製

回答

相關問題