1

jquery を使用してポップオーバーを閉じることができません。ユーザーが入力として 1 以外を入力すると、ポップオーバーが表示されます。

x シンボルを使用して特定のポップオーバーを閉じる必要があります。

またx、右端には表示されません。下に向かっています。上隅または右端に表示したいです。titleポップオーバーには使用したくありません

<br/>
<br/>
<br/>
<input type="text" class="check" />
<input type="text" class="check" />
<input type="text" class="check" />
<input type="text" class="check" />
<input type="button" id="Save" value="Save" />

JQuery

$(document).ready(function() {
var elem ='<div>Invalid</div>'+'<button class="close pull-right" data-dismiss="popover"  onclick="$(this).popover(&quot;hide&quot;);">&times;</button>';
  $("#Save").click(function() {
    $(".check").each(function() {
      $val = $(this).val();
      if ($val != 1) {      
        $(this).popover({
          content: elem,
          html:true
        });
        $(this).popover('show');
      }
    })
  })
})

デモ

4

3 に答える 3

2

これをスクリプトに追加してみてください

$('body').on('click','.close',function(){
  $(this).closest('.popover').hide();
});

jsfiddle: http://jsfiddle.net/bqo5mdcz/11/

于 2016-03-10T10:48:38.787 に答える
0

このJSFiddleをチェックしてください

が右端にあるために必要<div>Invalid</div>です。display: inline-blockX

ポップオーバーを非表示にするために、onclickアクションを次のように変更しました。

onclick="$(this).hide(); $(this).parents(\'.popover\').hide()"
于 2016-03-10T10:49:14.033 に答える