調用從引導酥料餅

目標引導模態：我想從一個引導酥料餅叫的引導模式。我在尋找Calling a modal from a Bootstrap popover並試圖實現代碼。調用從引導酥料餅

問題：單擊從彈出框內觸發模式的按鈕，它會使背景變暗，但不會出現模態。不確定問題到底是什麼。我從上面的鏈接文章試圖代碼給出了相同的結果，如果我只是設置按鈕來觸發，而不在那篇文章中建議jQuery的。目前我的代碼被設置爲使用的意見建議有一個模式，這是我至今什麼...

提前感謝所有幫助。

$(function() { 
     $('[data-toggle="popover"]').popover({ 
     html: true, 
     content: function() { 
      return $('#popover-content').html(); 
     } 
     }); 

     $(document).on('click', "#messageUser", function() { 
      console.log('Clicked message button'); 
      $('#messageUserModal').modal('show'); 
     }); 
    }); 

    /* --Tried this too, thinking the popover and modal were fighting 
    $(function() { 
     $('#messageUser').click(function() { 
      console.log('Clicked message button'); 
      //$('[data-toggle="popover"]').hide(); 
      $('#messageUserModal').modal('show'); 
      //$('#messageUserModal').show(); 
     }); 
    }); 
    */

HTML/PHP/BS

<button class='btn btn-xs btn-primary' type='button' id='messageUser'>Send Message</button> 
       </form> 

       <div class='modal fade' id='messageUserModal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel'> 
        <div class='modal-dialog' role='document'> 
        <div class='modal-content'> 
         <div class='modal-header'> 
         <button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button> 
         <h4 class='modal-title' id='myModalLabel'>Send Message to ".$helperName." </h4> 
         </div> 
         <div class='modal-body'> 
         <textarea class='form-control' name='message' maxlength='749' rows='10' cols='50' placeholder='Enter message to ".$helperName." here..'></textarea><br> 
         </div> 
         <div class='modal-footer'> 
         <button type='button' class='btn btn-default' data-dismiss='modal'>Close</button> 
         <button type='button' class='btn btn-primary'>Send Message</button> 
         </div> 
        </div> 
        </div> 
       </div>

來源

2016-12-17 Retro

我找到了解決問題的辦法。我想，我應該嘗試即按鈕某處調用模式從酥料餅的外（上頁面按下來調用該模式，只是爲了查看問題是否與我最初得出結論一樣，是與popover分離的。）。一旦我在其他地方添加了相同的按鈕，我什麼也沒有發生。然後我意識到，對於模式的代碼是在酥料餅，所以我然後把該代碼把它酥料餅之外。當我再上新的按鈕，點擊我看到一個模式提出了符合市場預期，但隨後我點擊了原來的按鈕，我試圖打電話與模態，然後它也觸發模式..讓告訴我，當該酥料餅被觸發，必須在執行模式，但從來沒有顯示它或東西的程度..所以我將刪除代碼爲模態的酥料餅的代碼之外，它會工作得很好。囉嗦的回答，但希望得到答案的旅程將幫助其他人。

而且，重要的是要注意，如果使用自舉3，你不需要寫任何花哨的jQuery代碼，顯示模式，或任何建議是從我在文章開頭引用的文章..

來源

2016-12-23 06:41:49 Retro

調用從引導酥料餅

回答

相關問題