背景變成黑色，但模式的內容不會出現

我試圖使用模式屬性。當用戶點擊圖片時，它假設顯示一些文字，我寫了下面的代碼。背景變成黑色，但模式的內容不會出現

<div class="col-md-4 gallery-left"> 
    <a data-toggle="modal" data-target=".bs-example-modal-md" href="#myModal" class="b-link-stripe b-animate-go thickbox"> 
     <img class="img-responsive lot" src="{% static 'img/toothbrush.jpg' %}" alt=""> 
     <div class="b-wrapper"> 
      <div class="b-animate b-from-left b-delay03 "> 
       <i class="plus second"> Picture description </i> 
      </div> 
     </div> 
    </a> 
</div> 
<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
       <p>Some text in the modal.</p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div> 
    </div> 
</div>

背景變黑，但沒有顯示的內容。我已經成功使用模式來顯示其上的用戶使用下面的代碼點擊圖片：

<a data-toggle="modal" data-target=".bs-example-modal-md" href="{% static 'img/toothbrush.jpg' %}" class="b-link-stripe b-animate-go thickbox">

爲什麼當我試圖顯示與文字股利而不是它不起作用圖片？

來源

2017-07-25 mel

請張貼完整的相關代碼 –

這將有助於如果你可以把一個JSbin的這個或等同的東西。 – yoursweater

你轉身一點點的東西。

<a data-toggle="modal" data-target=".bs-example-modal-md" href="#myModal" class="b-link-stripe b-animate-go thickbox">

應該是

<a data-toggle="modal" data-target="#myModal" href="#" class="b-link-stripe b-animate-go thickbox">

即參考模態標記的id。或者你實際上應該添加類bs-example-modal-md到#myModal：

<div id="myModal" class="modal fade bs-example-modal-md" role="dialog">

雙方將合作。無論哪種情況，您都應該使用href="#"。與#myModal這裏的例子 - >http://jsfiddle.net/03m1fzso/在我看來最佳的解決方案，因爲針對一個類時，你reexaminate代碼，除了使用類不止一次意外的風險，可能會導致不清晰。

來源

2017-07-26 12:02:50 davidkonrad

背景變成黑色，但模式的內容不會出現

回答

相關問題