האָפּקען צו הויפּט אינהאַלט האָפּקען צו דאָקס נאַוויגאַציע
in English

פּאָפּאָווערס

דאַקיומענטיישאַן און ביישפילן פֿאַר אַדינג באָאָטסטראַפּ פּאָפּאָווערס, ווי די געפֿונען אין יאָס, צו קיין עלעמענט אויף דיין פּלאַץ.

איבערבליק

טינגז צו וויסן ווען איר נוצן די פּאָפּאָווער פּלוגין:

  • פּאָפּאָווערס פאַרלאָזנ זיך די 3rd פּאַרטיי ביבליאָטעק פּאָפּער פֿאַר פּאַזישאַנינג. איר מוזן אַרייַננעמען popper.min.js איידער bootstrap.js אָדער נוצן bootstrap.bundle.min.js/ bootstrap.bundle.jsוואָס כּולל פּאָפּער אין סדר פֿאַר פּאָפּאָווערס צו אַרבעטן!
  • פּאָפּאָווערס דאַרפן די טאָאָלטיפּ פּלוגין ווי אַ דעפּענדענסי.
  • פּאָפּאָווערס זענען אַפּט-אין פֿאַר פאָרשטעלונג סיבות, אַזוי איר מוזן ינישאַלייז זיי זיך .
  • נול-לענג titleאון contentוואַלועס וועט קיינמאָל ווייַזן אַ פּאָפּאָווער.
  • ספּעציפיצירן container: 'body'צו ויסמיידן רענדערינג פּראָבלעמס אין מער קאָמפּליצירט קאַמפּאָונאַנץ (ווי אונדזער אַרייַנשרייַב גרופּעס, קנעפּל גרופּעס, עטק).
  • טריגערינג פּאָפּאָווערס אויף פאַרבאָרגן עלעמענטן וועט נישט אַרבעטן.
  • פּאָפּאָווערס פֿאַר .disabledאָדער disabledעלעמענטן מוזן זיין טריגערד אויף אַ ראַפּער עלעמענט.
  • ווען טריגערד פון אַנגקערז וואָס ייַנוויקלען אַריבער קייפל שורות, פּאָפּאָווערס וועט זיין סענטערד צווישן די אַנגקערז ' קוילעלדיק ברייט. ניצן .text-nowrapאויף דיין <a>s צו ויסמיידן דעם נאַטור.
  • פּאָפּאָווערס מוזן זיין פאַרבאָרגן איידער זייער קאָראַספּאַנדינג עלעמענטן זענען אַוועקגענומען פון די DOM.
  • פּאָפּאָווערס קענען זיין טריגערד דאַנק צו אַן עלעמענט אין אַ שאָטן DOM.
דורך פעליקיי��ט, דער קאָמפּאָנענט ניצט די געבויט-אין אינהאַלט סאַניטיזער, וואָס סטריפּס אויס אַלע HTML עלעמענטן וואָס זענען נישט בפירוש ערלויבט. זען די סאַניטיזער אָפּטיילונג אין אונדזער דזשאַוואַסקריפּט דאַקיומענטיישאַן פֿאַר מער דעטאַילס.
די אַנאַמיישאַן ווירקונג פון דעם קאָמפּאָנענט איז אָפענגיק אויף די prefers-reduced-motionמידיאַ אָנפֿרעג. זען די רידוסט באַוועגונג אָפּטיילונג פון אונדזער אַקסעסאַביליטי דאַקיומענטיישאַן .

האַלטן לייענען צו זען ווי פּאָפּאָווערס אַרבעט מיט עטלעכע ביישפילן.

בייַשפּיל: געבן פּאָפּאָווערס אומעטום

איין וועג צו ינישאַלייז אַלע פּאָפּאָווערס אויף אַ בלאַט איז צו סעלעקטירן זיי לויט זייער data-bs-toggleאַטריביוט:

var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  return new bootstrap.Popover(popoverTriggerEl)
})

בייַשפּיל: ניצן די containerאָפּציע

ווען איר האָבן עטלעכע סטיילז אויף אַ פאָטער עלעמענט וואָס אַרייַנמישנ זיך מיט אַ פּאָפּאָווער, איר וועט וועלן צו ספּעציפיצירן אַ מנהג containerאַזוי אַז די HTML פון די פּאָפּאָווער איז ארויס אין דעם עלעמענט אַנשטאָט.

var popover = new bootstrap.Popover(document.querySelector('.example-popover'), {
  container: 'body'
})

בייַשפּיל

<button type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover" title="Popover title" data-bs-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

פיר אינסטרוקציעס

פיר אָפּציעס זענען בנימצא: שפּיץ, רעכט, דנאָ און לינקס אַליינד. אינסטרוקציעס זענען שפּיגל ווען ניצן Bootstrap אין RTL.

<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Top popover">
  Popover on top
</button>
<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Right popover">
  Popover on right
</button>
<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover">
  Popover on bottom
</button>
<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Left popover">
  Popover on left
</button>

אָפּזאָגן אויף ווייַטער גיט

ניצן די focusצינגל צו אָפּזאָגן פּאָפּאָווערס אויף דער באַניצער 'ס ווייַטער גיט פון אַ אַנדערש עלעמענט ווי די טאַגאַל עלעמענט.

ספּעציפיש מאַרקאַפּ פארלאנגט פֿאַר אָפּזאָגן-אויף-ווייַטער-גיט

פֿאַר געהעריק קרייז-בלעטערער און קרייַז-פּלאַטפאָרמע נאַטור, איר מוזן נוצן דעם <a>קוויטל, נישט די <button>קוויטל, און איר מוזן אויך אַרייַננעמען אַ tabindexאַטריביוט.

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-bs-toggle="popover" data-bs-trigger="focus" title="Dismissible popover" data-bs-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>
var popover = new bootstrap.Popover(document.querySelector('.popover-dismiss'), {
  trigger: 'focus'
})

פאַרקריפּלט עלעמענטן

עלעמענטן מיט דעם disabledאַטריביוט זענען נישט ינטעראַקטיוו, טייַטש די ניצערס קענען נישט האָווער אָדער גיט זיי צו צינגל אַ פּאָפּאָווער (אָדער טאָאָלטיפּ). ווי אַ וואָרקאַראָונד, איר וועט וועלן צו צינגל די פּאָפּאָווער פֿון אַ ראַפּער <div>אָדער <span>, יידילי געמאכט קלאַוויאַטור-פאָקוסאַבלע ניצן tabindex="0".

פֿאַר פאַרקריפּלט פּאָפּאָווער טריגערז, איר קען אויך בעסער data-bs-trigger="hover focus"אַזוי אַז די פּאָפּאָווער איז ווי באַלדיק וויזשאַוואַל באַמערקונגען צו דיין יוזערז, ווייַל זיי קען נישט דערוואַרטן צו געבן אַ קליק אויף אַ פאַרקריפּלט עלעמענט.

<span class="d-inline-block" tabindex="0" data-bs-toggle="popover" data-bs-trigger="hover focus" data-bs-content="Disabled popover">
  <button class="btn btn-primary" type="button" disabled>Disabled button</button>
</span>

סאַס

וועריאַבאַלז

$popover-font-size:                 $font-size-sm;
$popover-bg:                        $white;
$popover-max-width:                 276px;
$popover-border-width:              $border-width;
$popover-border-color:              rgba($black, .2);
$popover-border-radius:             $border-radius-lg;
$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width);
$popover-box-shadow:                $box-shadow;

$popover-header-bg:                 shade-color($popover-bg, 6%);
$popover-header-color:              $headings-color;
$popover-header-padding-y:          .5rem;
$popover-header-padding-x:          $spacer;

$popover-body-color:                $body-color;
$popover-body-padding-y:            $spacer;
$popover-body-padding-x:            $spacer;

$popover-arrow-width:               1rem;
$popover-arrow-height:              .5rem;
$popover-arrow-color:               $popover-bg;

$popover-arrow-outer-color:         fade-in($popover-border-color, .05);

באַניץ

געבן פּאָפּאָווערס דורך דזשאַוואַסקריפּט:

var exampleEl = document.getElementById('example')
var popover = new bootstrap.Popover(exampleEl, options)

מאַכן פּאָפּאָווערס אַרבעט פֿאַר קלאַוויאַטור און אַסיסטאַנט טעכנאָלאָגיע ניצערס

צו לאָזן קלאַוויאַטור ניצערס צו אַקטאַווייט דיין פּאָפּאָווערס, איר זאָל נאָר לייגן זיי צו HTML עלעמענטן וואָס זענען טראַדישאַנאַלי קלאַוויאַטור-פאָוקאָוסאַבאַל און ינטעראַקטיוו (אַזאַ ווי לינקס אָדער פאָרעם קאָנטראָלס). כאָטש אַרביטראַריש HTML עלעמענטן (אַזאַ ווי <span>s) קענען זיין פאָוקיסטאַבאַל דורך אַדינג די tabindex="0"אַטריביוט, דאָס וועט לייגן פּאַטענטשאַלי אַנויינג און קאַנפיוזינג קוויטל סטאַפּס אויף ניט-ינטעראַקטיוו עלעמענטן פֿאַר קלאַוויאַטור יוזערז, און רובֿ אַסיסטיוו טעקנאַלאַדזשיז דערווייַל מעלדן די אינהאַלט פון די פּאָפּאָווער אין דעם סיטואַציע. . אין דערצו, טאָן ניט פאַרלאָזנ זיך בלויז hoverדי צינגל פֿאַר דיין פּאָפּאָווערס, ווייַל דאָס וועט מאַכן זיי אוממעגלעך צו צינגל פֿאַר קלאַוויאַטור יוזערז.

כאָטש איר קענען אַרייַנלייגן רייַך, סטראַקטשערד HTML אין פּאָפּאָווערס מיט די htmlאָפּציע, מיר שטארק רעקאָמענדירן אַז איר ויסמיידן צו לייגן אַ יבעריק סומע פון ​​אינהאַלט. דער וועג פּאָפּאָווערס איצט אַרבעט איז אַז, אַמאָל געוויזן, זייער אינהאַלט איז טייד צו די צינגל עלעמענט מיט די aria-describedbyאַטריביוט. ווי אַ רעזולטאַט, דער גאנצער פון די פּאָפּאָווער ס אינהאַלט וועט זיין מודיע צו אַסיסטיוו טעכנאָלאָגיע יוזערז ווי איין לאַנג, אַנינעראַפּטיד טייַך.

אין דערצו, כאָטש עס איז מעגלעך צו אַרייַננעמען ינטעראַקטיוו קאָנטראָלס (אַזאַ ווי פאָרעם עלעמענטן אָדער פֿאַרבינדונגען) אין דיין פּאָפּאָווער (דורך אַדינג די עלעמענטן צו די allowListערלויבט אַטריביוץ און טאַגס), זיין אַווער אַז דערווייַל די פּאָפּאָווער קען נישט פירן קלאַוויאַטור פאָקוס סדר. ווען אַ קלאַוויאַטור באַניצער עפֿנט אַ פּאָפּאָווער, פאָקוס בלייבט אויף די טריגערינג עלעמענט, און ווי דער פּאָפּאָווער יוזשאַוואַלי טוט נישט מיד נאָכפאָלגן די צינגל אין די דאָקומענט סטרוקטור, עס איז קיין גאַראַנטירן אַז פאָרויס / דרינגלעךTABוועט מאַך אַ קלאַוויאַטור באַניצער אין די פּאָפּאָווער זיך. אין קורץ, פשוט אַדינג ינטעראַקטיוו קאָנטראָלס צו אַ פּאָפּאָווער איז מסתּמא צו מאַכן די קאָנטראָלס אַנריאַטשאַבאַל / אַניוזאַבאַל פֿאַר קלאַוויאַטור יוזערז און יוזערז פון אַסיסטיוו טעקנאַלאַדזשיז, אָדער בייַ מינדסטער מאַכן אַ ילאַדזשיקאַל קוילעלדיק פאָקוס סדר. אין די קאַסעס, באַטראַכטן ניצן אַ מאָדאַל דיאַלאָג אַנשטאָט.

אָפּציעס

אָפּציעס קענען זיין דורכגעגאנגען דורך דאַטן אַטריביוץ אָדער דזשאַוואַסקריפּט. פֿאַר דאַטן אַטריביוץ, צולייגן די אָפּציע נאָמען צו data-bs-, ווי אין data-bs-animation="". מאַכן זיכער צו טוישן די פאַל טיפּ פון די אָפּציע נאָמען פון camelCase צו קעבאַב-פאַל ווען איר פאָרן די אָפּציעס דורך דאַטן אַטריביוץ. פֿאַר בייַשפּיל, אַנשטאָט פון ניצן data-bs-customClass="beautifier", נוצן data-bs-custom-class="beautifier".

באַמערקונג אַז פֿאַר זיכערהייט סיבות די sanitize, sanitizeFn, און allowListאָפּציעס קענען ניט זיין סאַפּלייד מיט דאַטן אַטריביוץ.
נאָמען טיפּ פעליקייַט באַשרייַבונג
animation בוליאַן true צולייגן אַ CSS וועלקן יבערגאַנג צו די פּאָפּאָווער
container שטריקל | עלעמענט | פאַלש false

אַפּענדז די פּאָפּאָווער צו אַ ספּעציפיש עלעמענט. בייַשפּיל: container: 'body'. דער אָפּציע איז דער הויפּט נוציק ווייַל עס אַלאַוז איר צו שטעלן די פּאָפּאָווער אין די לויפן פון דעם דאָקומענט לעבן די טריגערינג עלעמענט - וואָס וועט פאַרמייַדן די פּאָפּאָווער פון פלאָוטינג אַוועק פון די טריגערינג עלעמענט בעשאַס אַ פֿענצטער גרייס.

content שטריקל | עלעמענט | פֿונקציע ''

פעליקייַט אינהאַלט ווערט אויב data-bs-contentאַטריביוט איז נישט פאָרשטעלן.

אויב אַ פֿונקציע איז געגעבן, עס וועט זיין גערופֿן מיט זיין thisרעפֿערענץ שטעלן צו די עלעמענט וואָס די פּאָפּאָווער איז אַטאַטשט צו.

delay נומער | כייפעץ 0

פאַרהאַלטן ווייזן און כיידינג די פּאָפּאָווער (מס) - איז נישט אַפּלייז צו מאַנואַל צינגל טיפּ

אויב אַ נומער איז סאַפּלייד, פאַרהאַלטן איז געווענדט צו ביידע באַהאַלטן / ווייַזן

כייפעץ סטרוקטור איז:delay: { "show": 500, "hide": 100 }

html בוליאַן false אַרייַנלייגן HTML אין די פּאָפּאָווער. אויב פאַלש, innerTextפאַרמאָג וועט זיין געניצט צו אַרייַנלייגן אינהאַלט אין די DOM. ניצן טעקסט אויב איר זענט באַזאָרגט וועגן XSS אנפאלן.
placement שטריקל | פֿונקציע 'right'

ווי צו שטעלן די פּאָפּאָווער - אַוטאָ | שפּיץ | דנאָ | לינקס | רעכט.
ווען autoעס איז ספּעסיפיעד, עס וועט דינאַמיקאַללי ריאָריענט די פּאָפּאָווער.

ווען אַ פֿונקציע איז גענוצט צו באַשטימען די פּלייסמאַנט, עס איז גערופן מיט די פּאָפּאָווער DOM נאָדע ווי זיין ערשטער אַרגומענט און די טריגערינג עלעמענט DOM נאָדע ווי זיין רגע. דער thisקאָנטעקסט איז באַשטימט צו די פּאָפּאָווער בייַשפּיל.

selector שטריקל | פאַלש false אויב אַ סעלעקטאָר איז צוגעשטעלט, פּאָפּאָווער אַבדזשעקץ וועט זיין דעלאַגייטאַד צו די ספּעסיפיעד טאַרגאַץ. אין פיר, דאָס איז געניצט צו געבן דינאַמיש HTML אינהאַלט צו לייגן פּאָפּאָווערס. זען דעם און אַ ינפאָרמאַטיוו בייַשפּיל .
template שטריקל '<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'

באַזע HTML צו נוצן ווען קריייטינג די פּאָפּאָווער.

די פּאָפּאָווער ס titleוועט זיין ינדזשעקטיד אין די .popover-header.

די פּאָפּאָווער ס contentוועט זיין ינדזשעקטיד אין די .popover-body.

.popover-arrowוועט ווערן די פּאָפּאָווער ס פייַל.

די ויסווייניקסט ראַפּער עלעמענט זאָל האָבן די .popoverקלאַס.

title שטריקל | עלעמענט | פֿונקציע ''

פעליקייַט טיטל ווערט אויב titleאַטריביוט איז נישט פאָרשטעלן.

אויב אַ פֿונקציע איז געגעבן, עס וועט זיין גערופֿן מיט זיין thisרעפֿערענץ שטעלן צו די עלעמענט וואָס די פּאָפּאָווער איז אַטאַטשט צו.

trigger שטריקל 'click' ווי פּאָפּאָווער איז טריגערד - גיט | האָווער | פאָקוס | מאַנואַל. איר קען פאָרן קייפל טריגערז; צעטיילן זיי מיט אַ פּלאַץ. manualקענען ניט זיין קאַמביינד מיט קיין אנדערע צינגל.
fallbackPlacements מענגע ['top', 'right', 'bottom', 'left'] דעפינירן פאַלבאַקק פּלייסמאַנץ דורך פּראַוויידינג אַ רשימה פון פּלייסמאַנץ אין מענגע (אין סדר פון ייבערהאַנט). פֿאַר מער אינפֿאָרמאַציע אָפּשיקן צו פּאָפּער ס נאַטור דאָקס
boundary שטריקל | עלעמענט 'clippingParents' אָוווערפלאָו קאַנסטריינט גרענעץ פון די פּאָפּאָווער (אַפּלייז בלויז צו פּאָפּער ס פּרעווענטאָווערפלאָוו מאָדיפיער). דורך פעליקייַט עס ס 'clippingParents'און קענען אָננעמען אַן HTMLElement דערמאָנען (בלויז דורך דזשאַוואַסקריפּט). פֿאַר מער אינפֿאָרמאַציע אָפּשיקן צו Popper's detectOverflow docs .
customClass שטריקל | פֿונקציע ''

לייג קלאסן צו די פּאָפּאָווער ווען עס איז געוויזן. באַמערקונג אַז די קלאסן וועט זיין צוגעגעבן אין אַדישאַן צו קיין קלאסן ספּעסיפיעד אין די מוסטער. צו לייגן קייפל קלאסן, באַזונדער זיי מיט ספּייסאַז: 'class-1 class-2'.

איר קענט אויך פאָרן אַ פֿונקציע וואָס זאָל צוריקקומען אַ איין שטריקל מיט נאָך קלאַס נעמען.

sanitize בוליאַן true געבן אָדער דיסייבאַל די סאַניטיזיישאַן. אויב אַקטיווייטיד 'template', 'content'און 'title'אָפּציעס וועט זיין סאַניטייזד. זען די סאַניטיזער אָפּטיילונג אין אונדזער דזשאַוואַסקריפּט דאַקיומענטיישאַן .
allowList כייפעץ פעליקייַט ווערט אָבדזשעקט וואָס כּולל ערלויבט אַטריביוץ און טאַגס
sanitizeFn null | פֿונקציע null דאָ איר קענען צושטעלן דיין אייגענע סאַניטיז פונקציע. דאָס קען זיין נוציק אויב איר בעסער וועלן צו נוצן אַ דעדאַקייטאַד ביבליאָטעק צו דורכפירן סאַניטיזיישאַן.
offset מענגע | שטריקל | פֿונקציע [0, 8]

אָפסעט פון די פּאָפּאָווער קאָרעוו צו זייַן ציל. איר קענען פאָרן אַ שטריקל אין דאַטן אַטריביוץ מיט קאָמע אפגעשיידט וואַלועס ווי:data-bs-offset="10,20"

ווען אַ פֿונקציע איז גענוצט צו באַשטימען דעם פאָטאָ, עס איז גערופן מיט אַ כייפעץ מיט די פּאָפּער פּלייסמאַנט, די רעפֿערענץ, און פּאָפּער רעקץ ווי זייַן ערשטער אַרגומענט. די טריגערינג עלעמענט DOM נאָדע איז דורכגעגאנגען ווי די רגע אַרגומענט. די פֿונקציע מוזן צוריקקומען אַ מענגע מיט צוויי נומערן: .[skidding, distance]

פֿאַר מער אינפֿאָרמאַציע אָפּשיקן צו פּאָפּער ס פאָטאָ דאָקומענטן .

popperConfig null | כייפעץ | פֿונקציע null

צו טוישן באָאָטסטראַפּ ס פעליקייַט פּאָפּער קאַנפיגיעריישאַן, זען פּאָפּער ס קאַנפיגיעריישאַן .

ווען אַ פֿונקציע איז גענוצט צו שאַפֿן די פּאָפּער קאַנפיגיעריישאַן, עס איז גערופן מיט אַ כייפעץ וואָס כּולל די באָאָטסטראַפּ ס פעליקייַט פּאָפּער קאַנפיגיעריישאַן. עס העלפּס איר נוצן און צונויפגיסן די פעליקייַט מיט דיין אייגענע קאַנפיגיעריישאַן. די פֿונקציע מוזן צוריקקומען אַ קאַנפיגיעריישאַן כייפעץ פֿאַר פּאָפּער.

דאַטאַ אַטריביוץ פֿאַר יחיד פּאָפּאָווערס

אָפּציעס פֿאַר יחיד פּאָפּאָווערס קענען אַלטערנאַטיוועלי זיין ספּעסיפיעד דורך די נוצן פון דאַטן אַטריביוץ, ווי דערקלערט אויבן.

ניצן פונקציע מיטpopperConfig

var popover = new bootstrap.Popover(element, {
  popperConfig: function (defaultBsPopperConfig) {
    // var newPopperConfig = {...}
    // use defaultBsPopperConfig if needed...
    // return newPopperConfig
  }
})

מעטהאָדס

אַסינטשראָנאָוס מעטהאָדס און טראַנזישאַנז

אַלע אַפּי מעטהאָדס זענען ייסינגקראַנאַס און אָנהייבן אַ יבערגאַנג . זיי צוריקקומען צו די קאַללער ווי באַלד ווי די יבערגאַנג איז סטאַרטעד אָבער איידער עס ענדס . אין אַדישאַן, אַ מעטאָד רופן אויף אַ יבערגאַנג קאָמפּאָנענט וועט זיין איגנאָרירט .

זען אונדזער דזשאַוואַסקריפּט דאַקיומענטיישאַן פֿאַר מער אינפֿאָרמאַציע .

ווייַזן

ריווילז אַן עלעמענט ס פּאָפּאָווער. קערט צו די קאַללער איידער די פּאָפּאָווער איז אַקטשאַוואַלי געוויזן (ד"ה איידער די shown.bs.popoverגעשעעניש אַקערז). דאָס איז גערעכנט ווי אַ "מאַנואַל" טריגערינג פון די פּאָפּאָווער. פּאָפּאָווערס וועמענס טיטל און אינהאַלט זענען ביידע נול-לענג זענען קיינמאָל געוויזן.

myPopover.show()

באַהאַלטן

כיידז אַן עלעמענט ס פּאָפּאָווער. קערט צו די קאַללער איידער די פּאָפּאָווער איז פאקטיש געווען פאַרבאָרגן (ד"ה איידער די hidden.bs.popoverגעשעעניש אַקערז). דאָס איז גערעכנט ווי אַ "מאַנואַל" טריגערינג פון די פּאָפּאָווער.

myPopover.hide()

טאַגאַל

טאָגלעס אַן עלעמענט ס פּאָפּאָווער. קערט צו די קאַללער איידער די פּאָפּאָווער איז אַקטשאַוואַלי געוויזן אָדער פאַרבאָרגן (ד"ה איידער די shown.bs.popoverאָדער hidden.bs.popoverגעשעעניש אַקערז). דאָס איז גערעכנט ווי אַ "מאַנואַל" טריגערינג פון די פּאָפּאָווער.

myPopover.toggle()

פּאָטער

כיידז און דיסטרויז אַן עלעמענט ס פּאָפּאָווער (רעמאָוועס סטאָרד דאַטן אויף די DOM עלעמענט). פּאָפּאָווערס וואָס נוצן דעלאַגיישאַן (וואָס זענען באשאפן מיט די selectorאָפּציע ) קענען ניט זיין ינדיווידזשואַלי חרובֿ אויף אָפּשטאַמלינג צינגל עלעמענטן.

myPopover.dispose()

געבן

גיט אַן עלעמענט ס פּאָפּאָווער די פיייקייט צו זיין געוויזן. פּאָפּאָווערס זענען ענייבאַלד דורך פעליקייַט.

myPopover.enable()

דיסייבאַל

רימוווז די פיייקייט צו ווייַזן אַן עלעמענט ס פּאָפּאָווער. דער פּאָפּאָווער וועט זיין געוויזן בלויז אויב עס איז שייַעך-ענייבאַלד.

myPopover.disable()

toggleEnabled

באַשטימען די פיייקייט צו ווייַזן אָדער באַהאַלטן די פּאָפּאָווער פון אַן עלעמענט.

myPopover.toggleEnabled()

דערהייַנטיקן

דערהייַנטיקונגען די שטעלע פון ​​אַן עלעמענט ס פּאָפּאָווער.

myPopover.update()

getInstance

סטאַטיק אופֿן וואָס אַלאַוז איר צו באַקומען די פּאָפּאָווער בייַשפּיל פֿאַרבונדן מיט אַ DOM עלעמענט

var exampleTriggerEl = document.getElementById('example')
var popover = bootstrap.Popover.getInstance(exampleTriggerEl) // Returns a Bootstrap popover instance

getOrCreateInstance

סטאַטיק אופֿן וואָס אַלאַוז איר צו באַקומען די פּאָפּאָווער בייַשפּיל פֿאַרבונדן מיט אַ DOM עלעמענט, אָדער שאַפֿן אַ נייַע אין פאַל עס איז נישט יניטיאַלייזד

var exampleTriggerEl = document.getElementById('example')
var popover = bootstrap.Popover.getOrCreateInstance(exampleTriggerEl) // Returns a Bootstrap popover instance

געשעענישן

געשעעניש טיפּ באַשרייַבונג
show.bs.popover דער געשעעניש פירט גלייך ווען דער showבייַשפּיל אופֿן איז גערופן.
געוויזן.בס.פּאָפּאָווער דער געשעעניש איז פייערד ווען די פּאָפּאָווער איז געווען קענטיק צו דער באַניצער (וועט וואַרטן פֿאַר CSS טראַנזישאַנז צו פאַרענדיקן).
hide.bs.popover דעם געשעעניש איז פייערד מיד ווען דער hideבייַשפּיל אופֿן איז גערופן.
hidden.bs.popover דער געשעעניש איז פייערד ווען די פּאָפּאָווער איז פאַרטיק צו זיין פאַרבאָרגן פון די באַניצער (וועט וואַרטן פֿאַר CSS טראַנזישאַנז צו פאַרענדיקן).
ינסערטאַד.בס.פּאָפּאָווער דער געשעעניש איז פייערד נאָך די show.bs.popoverגעשעעניש ווען די פּאָפּאָווער מוסטער איז צוגעגעבן צו די DOM.
var myPopoverTrigger = document.getElementById('myPopover')
myPopoverTrigger.addEventListener('hidden.bs.popover', function () {
  // do something...
})