0

私はこれを持っています：

<input id="numeric" title="Numeric Tooltip" type="number" min="0" max="100" />

私は次のことをしようとしています：

$("#numeric").kendoNumericTextBox();

それから

$('#numeric').qtip({
    content: {
        text: $(this).prop("title")
    }
});

これらの2つのアイテムを同じ要素にバインドするにはどうすればよいですか？

http://jsfiddle.net/uZUjK/167/

4

2 に答える 2

0

まず、スクリプトとスタイルを追加する必要があります。

次に、qtipを数値テキストボックスのラッパー要素に適用します。これは、入力要素自体が常に表示されるわけではなく、ツールチップも表示されないためです。これらの要件をカバーするためにあなたのフィドルを更新しました

var kendoNum = $("#numeric").kendoNumericTextBox().data('kendoNumericTextBox');
kendoNum.wrapper.qtip({
    content: {
        text: kendoNum.element.prop("title")
    }
});

これがあなたが提供したリンクの更新されたバージョンです。

于 2013-01-03T00:25:10.877 に答える
0

KendoUI の入力フィールドは、ブラウザー間で互換性を持たせるために、他の HTML 要素で装飾されています。あなたのオリジナルは、 IDを持たないinput別のユーザーによって隠されています。inputnumeric

使用する：

$('#numeric').closest(".k-input-wrapper").qtip({
    content: {
        text: $(this).prop("title")
    }
});

代わりは。

注:qtip スクリプトとスタイルを含めることを忘れないでください。

于 2013-01-03T00:52:22.270 に答える