2

我在这里使用 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
      }


 }

这工作......几乎。

当我第一次单击图像元素时，我必须通过单击图像来关闭单击，否则即使我单击打开其他单击或仅单击页面主体，它也不会关闭。

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

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

4

1 回答 1

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

于 2013-07-07T00:39:04.370 回答