Bootstrap .popover('show'), .popover('hide') funktioniert nicht. Bindung zu klicken funktioniert

Habe ich eine Taste, die gebunden sind, um ein popover. Ich möchte zum ausblenden der popover, wenn jemand auf einen der smilies in die popover. Allerdings $("#smiley").popover('hide') funktioniert nicht.

Leider habe ich noch nicht in der Lage zu reproduzieren, dies mit simpler code - es geschieht nur auf der live-site, die https://coinchat.org

Relevante code:

$("#smiley").popover({html: true, trigger: 'click', placement: 'top', content: smileyContent, title: 'Smilies'});

Später in einer Funktion..

$("#smiley").popover('hide'); //not working

was muss angeklickt werden, um zu sehen, die popover?
Sie haben 2 bootstrap und 2 jQuery JS geladen. Ist dies geplant? Was könnten Sie versuchen, laden Sie die vollständige bootstrap JS und nicht die minified und versuchen Sie, die zum Debuggen der bootstrap - popover und tooltip plugins.
Die smileys auf das Symbol unten geklickt @Anton, und es ist nicht schließen, nachdem Sie wählen Sie ein emoticon.
Sie können versuchen, diese .. $("#smileylist").parent().parent().hide()

InformationsquelleAutor apscience | 2013-07-31

javascript twitter-bootstrap

8

In https://inputs.io/js/buttons.js das jQuery-plugin jQuery.fn.popover überschrieben wird über einen load-Ereignis von einer Art, so $("#smiley").popover("hide") an dieser Stelle ist nicht mehr aufrufen, bootstrap, aber das plugin zur Verfügung gestellt von inputs.io.

Einen Ausschnitt aus dem code:
```
Inputsio.load = function(){
    (function(){(function(e){return e.fn.popover=function(t)
```
Die Verwendung der jQuery-plugin-namespace für die Anwendung spezifischen code ist extrem geschmacklos in der Tat.

Eine temporäre Lösung sein könnte $("#smiley").click()

InformationsquelleAutor Esailija

hier ist eine funktionsfähige Geige, die ist "ähnlich", um Ihren code

http://jsfiddle.net/6hkkk/7/

HTML

<div style="margin-top:100px">
    <span id="smiley" data-title="smile" data-toggle="clickover">
        <i class="icon-comment"></i>
    </span>
</div>

javascript

ClosePop = function () {
    $('#smiley').popover('hide');
}

var elem = '<button data-toggle="clickover" class="btn" onclick="ClosePop();"><i class="icon-off"></i></button>';

$('#smiley').popover({
    animation: true,
    content: elem,
    html: true
});

InformationsquelleAutor Anton

1

Ersetzen

$("#smiley").popover('hide');

mit

$("#smiley").click();

Funktioniert bei mir in der Konsole.

InformationsquelleAutor Salman
0

versuchen, sich zu bewegen id="smiley" aus

<span class="btn tenpx smileypopover popover-trigger" id="smiley" data-original-title="" title="">

zu

<div class="popover fade top in" style="top: 430px; left: 308.5px; display: block;">

Sorry? Welchen code muss ich schreiben?

InformationsquelleAutor Undefined Behavior

Ist so etwas wie das hier die Frage?

$('#smileylist a').click(function(){
  if($('.popover').css('display','block')){
    $(this).css('display','none');
  }
});

$('.smileypopover').click(function(){
  if ($('.popover').css('display','none')){
    $(this).css('display','block');
  }
});

Wenn ich auf den smiley-Gesicht schließt Sie die popover, dann kann ich nicht öffnen es wieder, bis ich den 2. code-block. Es ist sehr nah, aber ich bin mir nicht sicher, was genau mir fehlt.

InformationsquelleAutor sulfureous

0

Wenn Sie einen Selektor Eigenschaft (z.B., in der Regel erforderlich für dynamische HTML-Inhalte) in Ihrem popover-Optionen, verwenden Sie den gleichen Selektor ein, wenn Sie die 'ausblenden' - Methode.

Den folgenden fehl zu verstecken popovers (für neue Inhalte Hinzugefügt, um den DOM).
```
//enable popover
$(document).popover({
  html: true,
  selector: "[data-popover]"
});

//attempt to hide popover
$(document).popover('hide');
```
Verwenden Sie stattdessen dies:
```
//enable popover
$(document).popover({
  html: true,
  selector: "[data-popover]"
});

//hide popover
$('[data-popover]').popover('hide');
```
InformationsquelleAutor Farhad Khairzad
-1

In der addSmiley Funktion, die Sie ersetzen könnten die
```
$("#smiley").popover('hide');
```
mit
```
$(".popover").hide(); 
```
Es funktionieren würde , aber weiß nicht, ob es ok ist für Sie.

InformationsquelleAutor Vidhuran

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.