Question

我在这里使用bootstrapX clickover演示：http://www.leecarmichael.com/bootstrapx-clickover/examples.html

<img class="img-circle" src="something" alt="something" 
rel="clickover" 
onclick="loadData(this, somedata)" /> 


loadData(element, somedata){
      if(!$(element).attr('data-content')) {
         // build clickover flyout html
         $(element).clickover('show');
      } else {
         // do nothing clickover is already attached
      }


 }

这几乎可以。

当我第一次点击图像元素时，我必须通过点击图像来关闭点击，否则即使我点击打开其他点击或只是点击页面正文，它也不会关闭。

任何显示点击过开的点击都可以通过点击其他任何地方隐藏，这是应该如何工作的。我试图关闭所有其他点击，取消绑定点击事件和更多，但没有成功。我需要在html中绑定loadData事件，而不是在javascript中绑定clickover的onShown，因为此代码在循环中运行，并且此数据特定于不是非常唯一可识别的元素。

关于如何解决这个问题的任何想法？

Answer 1

您描述的行为似乎与global_close=0相同。 $(element).clickover('show');不设置默认选项。

使用$('.img-square').clickover().click();代替$('.img-square').clickover('show')，请参阅：http://bootply.com/66601和https://github.com/lecar-red/bootstrapx-clickover/issues/42

首次打开时，Clickover不会隐藏在正文上

1 个答案: