1

JQuery ポップオーバーのコンテンツを要素の値に依存させたいと考えています。ポップオーバーは作成されますが、コンテンツはありません。これは私がしようとしているものです (そして、コンテンツのために何も生成していません) JQuery:

 $("[name=teacher]").popover({
    title: 'Teacher',
    content: $(this).attr('value'),
    trigger: "hover"
  });

HTML:

<div name="teacher" value="foo1">Bar1</div>
<div name="teacher" value="foo2">Bar2</div>
4

2 に答える 2

3

まず、値と名前は div 要素の有効な属性ではありません。代わりにデータ属性とクラス名を使用する必要があります。

<div class="teacher" data-value="foo1">Bar1</div>

次のように data 属性にアクセスできます。

$(this).data('value');

ポップオーバーについて。$(this) はポップオーバー用であり、クリックしている現在の要素用ではないため、コンテンツが空です。最初にホバー機能を手動でトリガーしてから、ポップオーバーを表示する必要があります。

$(".teacher").hover(function () {
    $(this).popover({
        content: $(this).data('value')
    }).popover('show');
}, function () {
    $(this).popover('hide');
});

デモ: http://jsfiddle.net/LjmrG/

于 2013-01-01T18:38:55.843 に答える
0

val() 関数を使用してみてください...このようなもの...

$(this).val();

うまくいくかもしれません...

于 2013-01-01T18:40:59.733 に答える