1

3 つのオプションを含む選択リストがあります。

ユーザーが選択リストのオプションを選択すると、ブートストラップ ツールチップが選択リストに添付され、ツールチップはユーザーが選択リストにカーソルを合わせたときにのみ表示されます。

私が抱えている問題は、ユーザーが 0 または 9999 のオプションを選択した場合にのみツールチップが表示されることです。

選択リストの 8888 オプションでツールチップが表示されない理由がわかりません。

コードを確認し、ツールチップ ドキュメントを読み、 SO と Google を検索しました。

他の誰かが私のエラーを指摘できることを願っています。これは私にとってはばかげたエラーかもしれませんが、私にはわかりません。

これが私のHTML選択リストコードです:

<select id="id_professional_development_display_type" name="professional_development_display_type" data-original-title="" title="" class="input-xlarge7">
    <option value="0">Display standard Professional Development Details</option>
    <option value="8888">Display only Description with prompt</option>
    <option value="9999">Display only Description without prompt</option
</select>

これが私のjqueryコードです（ページがロードされ、選択リストが変更されると、次の関数が呼び出されます）：

function displayToolTipMessage() {

    if ($('#id_professional_development_display_type').val() != '0' ) {

        $('#id_professional_development_display_type').tooltip('destroy');
        $('#id_professional_development_display_type').tooltip({'html': true, 'title': 'The Display Type is used to customize how you can display your Professional Development Details.<br /><br />Only the Description will be displayed with this selection!', 'trigger': 'hover'});

    } else {

        $('#id_professional_development_display_type').tooltip('destroy');
        $('#id_professional_development_display_type').tooltip({'html': true, 'title': 'The Display Type is used to customize how you can display your Professional Development Details.<br /><br />This selection will display all the entered Professional Development Details.', 'trigger': 'hover'});

    }

}
4

0 に答える 0