0

滑動我實現了自舉模式在我的網站..... 模型工作正常,但該模型不滑動從頂部酷似實際的引導模式.... 如何解決....模態不能從頂部

實際模型

http://jsfiddle.net/nJ6Mw/1/

模式不從頂部

http://jsfiddle.net/y88WX/embedded/result/

滑動
<div id="example" class="modal hide fade in" style="display: block;" aria-hidden="false"> 
    <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> 
     <h3>This is a Modal Heading</h3> 
    </div> 
    <div class="modal-body"> 
     <h4>Text in a modal</h4> 
     <p>You can add some text here.</p> 
    </div> 
    <div class="modal-footer"> <a href="#" class="btn btn-success">Call to action</a> 
     <a href="#" class="btn" data-dismiss="modal">Close</a> 
    </div> 
</div> 
+1

您的選項變量沒有定義的jsfiddle,請直接實現他們進入提供的JavaScript面板。 – 2013-02-27 02:13:49

+0

模型還是模態? – 2013-02-27 02:17:22

+0

@ShannonHochkins:謝謝你的回覆,你可以在小提琴更新 – user2045025 2013-02-27 03:54:49

回答

1

你有太多的資源衝突在你想要工作,這個小提琴的工作,所以如果你可以把這個代碼放到你想要加載它的頁面它不起作用,你知道這個問題不是你的引導,也請發送一個鏈接到你有問題的頁面,請不要發送附帶許多不同資源的小提琴。

你需要通過JavaScript來定義的模式選項:

$(function() { 
    $('#event-modal').modal({ 
     backdrop: true; 
    }); 
}); 

把所有的CSS和鏈接/ HTML從網站直接進入小提琴是不容易的,有人跳進和調試你。

http://jsfiddle.net/sfWBT/1/

+0

我更新了我刪除不必要的代碼http://jsfiddle.net/y88WX/5/embedded/result/ – user2045025 2013-02-27 04:14:52

+1

你的頭插入文件仍然有超過30行。 ... – 2013-02-27 04:16:55

+0

http://jsfiddle.net/y88WX/6/embedded/result/我刪除了不必要的代碼 – user2045025 2013-02-27 04:28:19