相关疑难解决方法(0)

我试图在引导程序弹出窗口中显示HTML,但不知何故它不起作用.我在这里找到了一些答案,但它对我不起作用.如果我做错了,请告诉我.

<script>
  $(function(){
    $('[rel=popover]').popover({ 
      html : true, 
      content: function() {
        return $('#popover_content_wrapper').html();
      }
    });
  });
</script>

<li href="#" id="example" rel="popover" data-content="" data-original-title="A Title"> 
    popover
</li>

<div id="popover_content_wrapper" style="display: none">
    <div>This is your div content</div>
</div>

我有一个弹出窗口,在内部点击时消失,但我的目的是让它在外面点击时消失.

目前弹出窗口工作正常,但只要我在窗口内单击就会消失.当我在窗外点击时,它会停留.我如何让它以无人问津的方式运作？

代码为:

function deselect(e) {
  $('.pop').slideFadeToggle(function() {
    e.removeClass('selected');
  });    
}

$(function() {
  $('.invite_room_btn').on('click', function() {
    if($(this).hasClass('selected')) {
      deselect($(this));               
    } else {
      $(this).addClass('selected');
      $('.pop').slideFadeToggle();
    }
    return false;
  });

  $('.close').on('click', function() {
    deselect($('.invite_room_btn'));
    return false;
  });
});

$.fn.slideFadeToggle = function(easing, callback) {
  return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
};

HTML是:

<span class="invite_room_btn">
            <div class="messagepop pop">
            </div>
</span>

谢谢!