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

  • alex maybury

    alex maybury

    20 Aralık 2007
  • eyes4beautee

    eyes4beautee

    17 HAZİRAN 2011
  • MikeyMacintosh

    MikeyM

    28 Aralık 2009