0

だから私は砂漠の生存者についての小さなゲームを作っています. 生存者は、ゴールド ラッシュ ゴースト タウンに戻る途中、砂漠に点在する井戸から水を飲まなければなりません。飲むのに良い井戸もあれば、毒を盛られている井戸もあります。クラス "well" を持つテーブルの TD 要素にツールチップを表示しています。ツールチップの初期化オブジェクト内で、現在の TD 要素への参照を取得する必要があるため、ツールチップの「コンテンツ」プロパティを設定する関数にそれを渡すことができます。その関数内で、現在の TD にも「毒」クラスがあるかどうかをテストする必要があります。

function initWellsTooltip() {
 $("#water-table tbody td.well").tooltip({

    content: function () {           
        var well$ = $( this );  // 
        // at this point stepping through the code in the debugger,
        // well$ is undefined and I don't understand why,
        // because $(this).hasClass("poisoned") succeeds.
        // VS2010 debugger shows as follows:
        //  ?$(this).hasClass("poisoned")
        //  true
        //  ?well$
        //  'well$' is undefined
        if (well$.hasClass("poisoned")) {
              return "poisoned!";
        } else {
            return "potable";
        }

    },
    items: "td.well",
    position: { my: "left+15 center", at: "left top" }

});
}
4

2 に答える 2

2

複数td.wellの s があるため、それらを反復処理して正しい値を設定する必要がありますwell$

function initWellsTooltip() {
    $("#water-table tbody td.well").each(function() {
        var well$ = $(this);          

        well$.tooltip({
            content: function () {
                return well$.hasClass("poisoned") ? "poisoned!" : "potable";
            },
            items: "td.well",
            position: {
                my: "left+15 center",
                at: "left top"
            }
        });
    });
}
于 2013-09-14T13:16:26.140 に答える
0

$(this)その場合は参照しないでください$("#water-table tbody td.well")。$("#water-table tbody td.well")したがって、以下のようにインスタンスに変更する必要があります。

function initWellsTooltip() {
 var that = $("#water-table tbody td.well");
 that.tooltip({

    content: function () {           
        var well$ = that;  // 
        // at this point stepping through the code in the debugger,
        // well$ is undefined and I don't understand why,
        // because $(this).hasClass("poisoned") succeeds.
        // VS2010 debugger shows as follows:
        //  ?$(this).hasClass("poisoned")
        //  true
        //  ?well$
        //  'well$' is undefined
        if (well$.hasClass("poisoned")) {
              return "poisoned!";
        } else {
            return "potable";
        }

    },
    items: "td.well",
    position: { my: "left+15 center", at: "left top" }

});
}

これがお役に立てば幸いです。

于 2013-09-14T12:31:24.277 に答える