Twitter的引導模式隱藏褪色後

您好我有模態Twitter的引導模式隱藏褪色後

<div id="myModal" class="modal hide fade"> 
    <div class="modal-header"> 
     <a href="#" class="close" data-dismiss="modal">×</a> 
     <h3>Modal header</h3> 
    </div> 
    <div class="modal-body" style="text-align:center"> 
     <p> 
      <ul class="thumbnails"> 
      <li class="span3" style=""> 
       <img src="http://placehold.it/260x180" alt=""> 
      </li> 
      </ul> 
     </p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn btn-danger">Delete</a> 
    </div> 
</div>

的問題，這是我如何調用模式

<td><a data-toggle="modal" href="#myModal">Show poster</a></td>

，並點擊鏈接模式淡入和淡出無需點擊後在解僱按鈕。我從他們的網站複製這段代碼，它有什麼錯誤？

編輯 ### SOLUTION ### 在模態的源代碼文件我有評論此功能

/* MODAL DATA-API 
    * ============== */ 
/* 
    $(function() { 
    $('body').on('click.modal.data-api', '[data-toggle="modal"]', function (e) { 
     var $this = $(this), href 
     , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 
     , option = $target.data('modal') ? 'toggle' : $.extend({}, $target.data(), $this.data()) 

     e.preventDefault() 
     $target.modal(option) 
    }) 
    }) 
*/

現在的偉大工程

來源

2012-06-01 skowron-line

也許你有一個JavaScript綁定的地方？嘗試更改模態窗口的ID並刪除類**隱藏**和**淡入淡出**。 – Oleg

我已經改變了ID，但它沒有幫助，我也刪除了'隱藏'和'淡入淡出'，但之後，當頁面加載模態可見 –

如果您已經評論該功能，比你真的有其他地方的另一個JavaScript綁定功能。 – Oleg

註釋掉一些在插件的源是不是解決問題的正確方法。你沒有正確使用它。如果您希望禁用數據API，你應該這樣來做：

從documentation：

數據屬性API

我們相信你應該能夠使用由引導提供的所有插件純粹通過標記API而不寫一行 javascript。這是bootstraps頭等api。

我們承認這並不總是最高性能的，並且有時可能需要將此功能完全關閉。因此，從2.0開始，我們提供了通過解除身體名稱與 'data-api'間隔的所有事件來禁用數據屬性API的功能。這看起來是這樣的：

$('body').off('.data-api')

要針對特定的插件，只包含插件的名字作爲命名空間與數據API的命名空間這樣一起：

$('body').off('.alert.data-api')

如果你不想禁用這個API（我不知道你包括了什麼JS或者自己寫了什麼），但它仍然不起作用，發佈你的渲染頁面代碼，以便我們可以看到還在發生什麼並幫助你修復它是正確的方式。

來源

2012-06-01 15:23:05 Terry

Twitter的引導模式隱藏褪色後

回答

相關問題