Bootstrap模式只顯示背景

編輯：我發現了這個問題。原來製作這個頁面的人錯過了他/她創建的modal上的標記<div>，所以我的模態內容隱藏在原始內容中。Bootstrap模式只顯示背景

我的引導模式沒有顯示對話框，而只顯示黑暗的背景。我在頁面的頁腳中設置了以下Modal。

<div id="timePopup" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" style='border-radius:0px;width:430px;margin-left:-215px'> 
    <div class="modal-body"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute; top: 3px; right: 7px; z-index: 9999;">&times;</button> 
     <div class="modal-body" style='border: black solid 2px;margin: 5px;'> 
      <?php echo $popup_content; ?> 
     </div> 
    </div> 
</div>

$popup_content只包含簡單的字符串 '測試測試測試測試'。它是由一個onclick屬性的<span>其中調用這個函數

function forcePopUp(){ 
    jQuery('#timePopup').modal('show'); 
}

完全相同的代碼我們開發服務器上工作引發的，但由於它移動到TESTSERVER這已經開始發生，或不會發生我想。

從另一篇文章所以我嘗試從模式中刪除.hide類，並確保此模式具有唯一的ID。任何其他想法爲什麼會被讚賞。

來源

2014-04-30 James

您是否檢查了瀏覽器控制檯中的錯誤？ –

你正在使用哪個版本的引導程序？ –

控制檯沒有錯誤。事實上，使用控制檯時，可以看到模態被觸發時，模態上的類會發生變化。 Bootstrap v2.3.2 – James

嘗試：

$(function(){ 
$('.selector').click(function() { 
    $('#timePopup').modal('show'); 
}); 
});

凡.selector是指你的跨度元素的class和id。只要它是隱藏實驗哪個容器應該有這個

來源

2014-04-30 09:53:20 Fven

同樣的結果。問題不在於觸發模式，模式本身沒有顯示。事件觸發是因爲背景顯示。 – James

好的，所以這很可能是一些樣式問題。如何使用積極的「保證金」和/或其他風格進行測試？對於邊框你可以使用例如'邊界：2px純黑色;'祝你好運！ – Fven

改變容器樣式屬性

z-index: 10

上去。我今天褪它，這些都是我的這個錯誤的情況：

1/CSS衝突嘗試調試時，除去一些奇怪的CSS鏈接在你的頁面並查看結果，一些CSS庫不與引導共同努力

在AJAX發佈

2 /錯誤，數據不會返回如果在你的代碼有類似

$(function() { 
       $.ajax({ 
        type: "POST", 
        url: '@Url.Action("GetCarts", "Cart")', 
        success: function (data) { 
         var result = data; 
         $('#myCart').html(result); 
         alert(data); 
        }, 
        fail: function() { 
         alert("Error with ajax"); 
        } 
       }); 
      });

而且你也不可以提醒數據，即代碼端的錯誤，而不是設計端錯誤

來源

2014-04-30 10:51:24 Prozi

可能這是一個老問題

來源

2015-07-13 00:09:09 Andiana

如果模型html被渲染到頁面的隱藏區域，它將不會顯示

來源

2017-05-04 11:58:28

Bootstrap模式只顯示背景

回答

相關問題