调用从引导酥料饼

目标引导模态：我想从一个引导酥料饼叫的引导模式。我在寻找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

调用从引导酥料饼

回答

相关问题