1

price1[324]、price2[324]、price3[324] という名前の一連の入力フィールドがあり、入力値に基づいてツールチップを生成したいと考えています。たとえば、顧客が 100 と入力すると、80 が表示されます。

これを機能させようとしましたが、ツールチップを動的にすることはできません。

http://jsfiddle.net/CtFrx/5/

基本的なフォームは次のとおりです。

<input type="text" id="nav-search" name="price1[324]" rel="tooltip" />
<input type="text" id="nav-search" name="price2[324]" rel="tooltip" />
<input type="text" id="nav-search" name="price3[324]" rel="tooltip" />

基本的な Javascript は次のとおりです。

$('body').tooltip({
    selector: '[rel=tooltip]'
});

$("#nav-search").tooltip('hide')
    // The following does NOT work
    //.attr('data-original-title', 'You receive ' + ($(this).val() * .8) )

    // The following DOES work
    .attr('data-original-title', '80' )
    .tooltip('fixTitle')
    .tooltip('show');

動的に名前が付けられたフィールドを参照するのにも問題がありますが、それは私が考える別の質問です。

4

1 に答える 1

1

入力 ID をクラスに変更して、これを試してください。

$('body').tooltip({
    selector: '[rel=tooltip]'
});

$('.nav-search').tooltip();

$('.nav-search').on({
        focus:
           function()
           {
               $(this).attr('data-original-title', 'You receive ' + ($(this).val() * .8) )
                .tooltip('fixTitle')
                .tooltip('show');
           }
       }
    );

http://jsfiddle.net/CtFrx/19/

于 2013-04-24T21:28:35.073 に答える