新手在jquery - jquery彈出

我看到這個很好的jquery插件在這裏：prettyphoto jquery lightbox有沒有什麼辦法可以實現像這樣只有一個簡單的jQuery。新手在jquery - jquery彈出

我只需要彈出和內聯內容。你的回覆是很大的幫助。

如果您可以在小提琴演出演示或我欣賞的東西！

來源

2013-01-11 jhunlio

你可以使用jQuery UI，http://jqueryui.com但是，這是另一個庫，所以它在技術上不是「簡單的jquery」，但jquery不會那麼少。查看'$（selector）.dialog（）;' – sircapsalot

這不是很「簡單」，但你可以自己創建。 – dunli

您可以，here。主要是我使用jquery做了這項工作。

您可以從此開始。

希望它有幫助。

UPDATE：

我已經更新了jsfiddle。但是一些css屬性應該設置在jquery中以使其起作用。

來源

2013-01-11 04:02:57 dunli

嗨，先生，我看到代碼先生，它似乎我喜歡它的方式！是否有單獨的css代碼 – jhunlio

是的，只需將類名添加到'overlay'，'closeBtn'，'popupWrapper'和'popup'。然後將'.css（）'中的css遷移到css文件中。其實我已經把這個類放到了'popupWrapper'中，但是我沒有使用它。 – dunli

我嘗試編輯您的代碼。將css從jquery中分離出來，但不起作用。無論如何謝謝你的時間。我再試一次...希望我能得到它！ – jhunlio

簡單的方法是使用jQuery UI對話框。 http://jqueryui.com/dialog/

當然，一個純粹的解決方案將是在CSS中定義燈箱，用jQuery填充並顯示它。

來源

2013-01-11 03:15:15

如果你正在尋找一個簡單的「對話」 SimpleModal可能是有關的權利：http://www.ericmmartin.com/projects/simplemodal/

這不是一個「收藏夾」插件本身，而是它比加入jQuery UI的輕了很多。似乎相當簡單，太：

$("#your-element-id").modal();

您可以使用此文字，圖片，表格，等等...

來源

2013-01-11 03:18:07

你可以使用jQueryUI的對話框，

簡單的實現類似下面的jqueryui demo

$(document).ready(function() { 
     $("#dialog").dialog(); 
}); 

<div id="dialog" style="display:none"> 
    <div> 
     Your Dialog content 
    </div> 
</div>

來源

2013-01-11 03:18:17 Swarne27

新手在jquery - jquery彈出

回答

相關問題