文章/答案/技术大牛

发布

社区首页 >问答首页 >当用hide()关闭时，popover按钮再单击一次

问当用hide()关闭时，popover按钮再单击一次
EN

Stack Overflow用户

提问于 2013-12-27 05:28:31

回答 1查看 597关注 0票数 0

当我单击“弹出”按钮时，它工作得很好。

当我关闭弹出式点击x在标题部分，弹出按钮dees不工作。我需要再点击一次就可以了。

工作代码(test.php)

我使用mcianni的代码。

(http://blog.2doconsulting.com/blog/2012/03/15/loading-the-content-for-a-bootstrap-popover-via-ajax/)和(http://jsfiddle.net/kAYyR/3/)

<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-type" content="text/html; charset=euc-kr">

<title>OpenCode</title>

<link rel="stylesheet" href="http://opencode.co.kr/js/bootstrap/css/bootstrap.min.css?bver=1000" type="text/css" media="screen" title="no title" charset="euc-kr">
<link rel="stylesheet" href="http://opencode.co.kr/js/font-awesome/css/font-awesome.min.css?aver=1000" type="text/css" media="screen" title="no title" charset="euc-kr"> 

<!--[if lt IE 7]>
    <script src="http://opencode.co.kr/js/font-awesome/css/font-awesome-ie7.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="http://opencode.co.kr/style.css?sver=2110" type="text/css">

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="http://opencode.co.kr/js/bootstrap/js/bootstrap.min.js"></script>

<body>
<br><br>
<a class="btn btn-default sideview">popover</a>
<a class="btn btn-default sideview" alt="test12">popover</a>

<script>
$(document).ready(function() {
      $('.sideview').popover({
        content: "aa",
        title: 'Sideview&nbsp;<a onclick="$(this).parent().parent().hide();" style="cursor:pointer"><i class="fa fa-times-circle"></i></a>',
        html: true,
      }).popover('show');
});
</script>
</body>
</html>

jquery

twitter-bootstrap-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-27 05:37:33

我认为这应该是有帮助的：

onclick="$('.sideview').popover('hide')"

如果您使用popover显示它，那么您也应该使用popover隐藏它。

编辑

在您的情况下，上面的解决方案是行不通的，我找到的唯一方法是：

var index = 0;

$('.sideview').each(function(i, el) {
     var id = index++;

     $(el).popover({
         content: "aa",
         title: 'Sideview&nbsp;<a style="cursor:pointer" id="a'+id+'">x</a>',
         html: true
     });

     $(document).on('click', '#a' + id, function() {
         $(el).popover('toggle');
     });
});

演示

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20795307

复制

相似问题

问当用hide()关闭时，popover按钮再单击一次
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当用hide()关闭时，popover按钮再单击一次EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当用hide()关闭时，popover按钮再单击一次
EN