SORU
31 Mart 2012, CUMARTESİ


Pencere kenarı ile ilgili yumurtalı ekmek, Bootstrap popover'in X konumuna göre yerini değiştirmek?

Çok geniş ve internette araştırdım ve bu stackoverflow post Is it possible to change the position of Bootstrap popovers based on screen width?, anlayışlı buldum ise hala sorumu, anlamakta zorlandığım bir pozisyonum/ofset olasılığı nedeniyle cevap vermedi.

Yapmaya çalıştığım şey şu. Twitter Bootstap Popover konumunu etkin popover görüntüleme çerçevesinin ötesinde bir konuma sahip olacak sürece DOĞRU olmak istiyorum, sonra SOLA yerleştirilmiş olmak istiyorum. Bir noktayı bastığınızda sıcak noktalar, olan iPad bir web uygulama geliştiriyorum, bilgi görünür ama yatay kaydırma kilitliyken alanının dışında görünmesini istemiyorum.

Böyle bir şey çıkacağını düşünüyorum

$('.infopoint').popover({
        trigger:'hover',
        animation: false,
        placement: wheretoplace 
    });
    function wheretoplace(){
        var myLeft = $(this).offset.left;

        if (myLeft<500) return 'left';
        return 'right';
    }

Düşünceler? Teşekkürler!

CEVAP
29 EYLÜL 2012, CUMARTESİ


Ben sadece fark ettimyerleştirmebir seçenek olabilirstringya da birfonksiyon geri dönen bir dizebu popover-güçlü bir bağlantı ve hesaplama her kez yapar.

Bu da başlangıç olmadan senin yaptığının aynısını yapar$.herfonksiyon:

var options = {
    placement: function (context, source) {
        var position = $(source).position();

        if (position.left > 515) {
            return "left";
        }

        if (position.left < 515) {
            return "right";
        }

        if (position.top < 110){
            return "bottom";
        }

        return "top";
    }
    , trigger: "click"
};
$(".infopoint").popover(options);

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • fast2hell

    fast2hell

    16 AĞUSTOS 2006
  • Pepsi

    Pepsi

    1 Kasım 2005
  • SHAYTARDS

    SHAYTARDS

    1 EKİM 2008