引导动态工具提示绑定到输入字段

Question

我有一系列名为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');

我也有麻烦引用一个字段命名为动态命名，但这是一个单独的问题我认为。

Answer 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/