1

トリガーの親の要素に応じて、jQueryTools ツールチップにいくつかのコンテンツを読み込もうとしています。今、私はこれにこだわっています：

 <div id="id-1">
      <div>
        <div>
          Bla <a class="trigger">trigger</a>
        </div>
        <div class="tooltip">empty</div>
      </div>
 </div>
 <div id="id-2">
      <div>
        <div>
          Bla <a class="trigger">trigger</a>
        </div>
        <div class="tooltip">empty</div>
      </div>
 </div>

注: デフォルトでは、プラグインはトリガー要素の後にクラス "tooltip" を含む DIV に拡張 HTML をロードします。

これで、JS は親 DIV ID の名前を通知し、その ID 名に応じてコンテンツをツールチップにロードする必要があります。 

jQuery(".tooltip").tooltip({
    onShow: function() {
        var foundId = jQuery(this).parent().parent().attr("id");
                    // generate a url from the result, e.g. exmpl.com/id-1.html
                    // put the url content in the tooltip container
    }
});

私はJSでかなりゴミです-これを解決する解決策はありますか?

4

1 に答える 1

1

これはうまくいくはずです：

jQuery(".tooltip").tooltip({
    onShow: function() {
        var foundId = jQuery(this).parent().parent().attr("id");
        $.get('/some-url/' + foundId, function(data){
          $(this).html(data);
        });
    }
});

カーソルを合わせたときにデータが取得されていることをユーザーに知らせるために、読み込み中のグラフィックなどを配置することを検討する必要があります。これにより、クライアントがサーバーにアクセスして必要なコンテンツを取得する時間が与えられます。

于 2012-06-15T18:27:30.580 に答える