SORU
28 Temmuz 2012, CUMARTESİ


Nasıl dışarıda tıklayarak Twitter Bootstrap bir popover kapatmak için?

Yumurtalı ekmek modellerimiz, yani aynı şekilde öyle basit doğrusal ilişkiler alabilirsiniz. kullanıcı bir yere bunların dışında tıklattığında yakın olun?

Ne yazık ki sadece kalıcı demektir pozisyonu:sabit ve hiçbir popover artık çünkü popover yerine gerçek kalıcı kullanamam. :(

CEVAP
13 ŞUBAT 2013, ÇARŞAMBA


Güncelleme:Biraz daha sağlam bir çözüm: http://jsfiddle.net/mattdlockyer/C5GBU/72/

Sadece metin içeren: düğmeleri

$('body').on('click', function (e) {
    //did not click a popover toggle or popover
    if ($(e.target).data('toggle') !== 'popover'
        && $(e.target).parents('.popover.in').length === 0) { 
        $('[data-toggle="popover"]').popover('hide');
    }
});

Düğmeler için simgeler kullan içeren:

$('body').on('click', function (e) {
        //did not click a popover toggle, or icon in popover toggle, or popover
        if ($(e.target).data('toggle') !== 'popover'
            && $(e.target).parents('[data-toggle="popover"]').length === 0
            && $(e.target).parents('.popover.in').length === 0) { 
            $('[data-toggle="popover"]').popover('hide');
        }
    });

JS için Oluşturulan yumurtalı ekmek'[data-toggle="popover"]' '[data-original-title]' kullanın

Uyarı:Çözüm yukarıda birden fazla çörek anda açık olmasını sağlar.

Bir seferde bir popover lütfen:

Güncelleme:Bootstrap 3.0.x, Kod ya da keman http://jsfiddle.net/mattdlockyer/C5GBU/2/ bkz

$('body').on('click', function (e) {
    $('[data-toggle="popover"]').each(function () {
        //the 'is' for buttons that trigger popups
        //the 'has' for icons within a button that triggers a popup
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
            $(this).popover('hide');
        }
    });
});

Bu yumurtalı ekmek zaten açık ve bağlantılar tıklandığında olmamıştır tıklayan değil kapanış işler.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Autodesk 3ds Max Learning Channel

    Autodesk 3ds

    23 HAZİRAN 2010
  • Dive In

    Dive In

    17 Temmuz 2013
  • REK Roth Productions

    REK Roth Pro

    8 Ocak 2011