Bootstrap模式沒有出現，儘管包含所有文件和HTML顯示正確

這可能會出現重複，但我見過的所有其他答案與錯誤包含腳本或錯誤地賦值data-*值有關。Bootstrap模式沒有出現，儘管包含所有文件和HTML顯示正確

我有一個非常簡單的引導模式（版本3.3.6今天上午更新），我不能爲我的生活出現！在MVC5中工作，我有一個標準視圖，我希望引導模式出現在數據表中的按鈕上。爲了排除數據表本身，我已經把這個按鈕取出來，並將它粘在頁面上。

的按鈕看起來是這樣的：

<a href="#" class="btn btn-primary edit-modal" data-target="#modal-container" data-trigger="modal">Edit</a>

我包括jQuery的v2.1.4（分鐘），並以該順序引導3.3.6（分鐘）：

我已經從Bootstrap示例站點採用了股票模態HTML片段並對其進行了小的更改：

<div id="modal-container" class="modal fade" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="model-close-btn" data-dismiss="modal" aria-hidden="true">×</button> 
       <h4 class="modal-title">Edit</h4> 
      </div> 
      <div class="modal-body"> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
       <button type="button" class="btn btn-primary">Save</button> 
      </div> 
     </div> 
    </div> 
</div>

（我已經從輸出HTML中取得了這兩個HTML代碼片段，而不是.cshtml，以防MVC/JS在出路中弄錯了）

我看不到這個配置有什麼問題，但無論我嘗試過什麼，我都無法展示模態。

沒有控制檯錯誤或者onload或onclick和頁面呈現與隱藏的模式（所以我假設BS正在執行的東西！）

jQuery的&引導，造型和代碼明智的工作，所有其它用途用這一個例外。

事情我已經嘗試：

更新BS和jQuery
四處移動HTML模式
（只是身體結束前，身體開始剛過，隨機在中間！）刪除data-*標籤並將點擊甚至綁定到按鈕
更改模式的ID

我現在出來的想法，沒有錯誤，沒有更多的我可以考慮調試。

任何想法或模糊的地區進行調查是非常有用的。

來源

2016-02-11 dougajmcdonald

你可以做一個小提琴，顯示你的問題？ –

Jquery modal從來沒有爲我工作，總是我必須做modal.show（）按鈕點擊從javaScript。 – sapy

@sapy我想到了這一點，嘗試點擊處理，但沒有任何喜悅 – dougajmcdonald

你能更換數據觸發改變錨標記= 「莫代爾」到data-toggle="modal"

<a href="#" class="btn btn-primary edit-modal" data-target="#modal-container" data-toggle="modal">Edit</a>

來源

2016-02-11 07:57:17 shu

嘗試HREF = 「JavaScript的：無效（0）」可能是它認爲你需要做遠程加載或替換按鈕標籤

來源

2016-02-11 07:58:13

我忘了補充說，一個href代替了我最初替換的按鈕，以防出現問題 – dougajmcdonald

試試這個

<a href="#" class="btn btn-primary edit-modal" data-target="#modal-container" data-toggle="modal">Edit</a>

來源

2016-02-11 08:13:54 suyesh

Bootstrap模式沒有出現，儘管包含所有文件和HTML顯示正確

回答

相關問題