jquery 輸入框查找關(guān)鍵字并提亮顏色的實例代碼

發(fā)布時間：2020-09-19 07:51:38 來源：腳本之家閱讀：159 作者：water_Popcorn 欄目：web開發(fā)

實例代碼如下所示：

<div>
  <a class="btn btn-success show" title="Popover title"
     data-container="body" data-toggle="popover" data-placement="bottom"
     data-content="底部的 Popover 中的一些內(nèi)容"> aaaa </a>
</div>
<script>
  $(function () {
    initPopover();
  })
  function initPopover() {
    $(".show").popover({
      container: "body",
      trigger: " manual"  //手動觸發(fā)
    }).on('show.bs.popover', function () {
      $(this).addClass("popover_open");
    }).on('hide.bs.popover', function () {
      $(this).removeClass("popover_open");
    });
    $(".show").click(function () {
      if ($(this).hasClass("popover_open")) {
        $(this).popover("hide")
      } else {
        $(".popover_open").popover("hide");
        $(this).popover("show");
      }
      var e = arguments.callee.caller.arguments[0] || event;
      e.stopPropagation();
    });
    $(document).click(function () {
      $(".show").popover("hide");
    });
  }
</script>

注意點：

1、不適用于button，a、img等可用

2、show.bs.popover:當調(diào)用show 實例方法時立即觸發(fā)該事件。

shown.bs.popover:當彈出框?qū)ν耆珡棾鰰r觸發(fā)該事件（將等待 CSS 過渡效果完成）。

hide.bs.popover:當調(diào)用hide 實例方法時立即觸發(fā)該事件。

hidden.bs.popover:當工具提示完全隱藏時觸發(fā)該事件（將等待 CSS 過渡效果完成）。

3、引入jquery和bootstrap頭文件

4、取消冒泡

以上這篇jquery 輸入框查找關(guān)鍵字并提亮顏色的實例代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細節(jié)

jquery 輸入框查找關(guān)鍵字并提亮顏色的實例代碼

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽