Neden html title özelliği ve twitter bootstrap verileri-orijinal-title karşılıklı olarak münhasırdır?

Question

Tıklandığında bir twitter bootstrap popover görüntüleyen bir HTML div öğem var. Güncel kod şuna benzer:

<div class="popover" title="supplementary info about html element" 
    data-original-title="popover title" data-content="popover content..."> 
</div> 

$(document).on('ready', function() { 
    App.Utils.Popover.enableAll(); 
}); 

App.Utils.Popover = { 
    enableAll: function() { 
    $('.popover').popover(
     { 
     trigger: 'click', 
     html : true, 
     container: 'body', 
     placement: 'right' 
     } 
    ); 
}; 

Sorun twitter önyükleme başlık yerine veri orijinal-başlık kullanmanın Popup başlığı olarak değerini ve öznitelik görüntüleri almasıdır. İkinin de birlikte tasarlanması için herhangi bir yolu var mı?

Answer 1

Bunun nedeni, popover javascript'inin tooltip javascript'ini genişletmesi ve tooltip javascript'inin (inanıyorum) title özniteliği tarafından ayarlanan varsayılan araç ipucunun yerini almasıdır.

Bu kod (253ish gibi, önyükleme-tooltip.js olarak) suçlu

, fixTitle: function() { 
    var $e = this.$element 
    if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { 
    $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') 
    } 
} 

Burada daha sonra veri orijinal başlıktaki niteliği başlık niteliği ile değiştirildiği bir başlıkta adı geçen özelliği olup olmadığını.

Edit Temelde cevabım kolay bir yol yoktur. Öyleyse önyükleme js'yi biraz modifiye etmeliydin ama bu durumda gerçekten tavsiye etmem. Belki de o kodun içinde bulunmayabilecek olan önyükleme engelleyicisinin eski bir sürümünü kullanın.

Answer 2

Aynı sorun vardı ve farklı bir Bootstrap sürümü kullanamadım, bu yüzden işlevimi popover prototipine enjekte etmeye karar verdim. evde bu çalışmayın: Ne

<i data-placement="bottom" data-trigger="click" 
    bs-popover="'views/partials/notifications.html'" data-html="true" 
    data-unique="1" 
    data-original-title="This title will be used by the popover" 
    title="This title will be used by a browser for a mouseover" 
/>