Question

我正在尝试将一些内容加载到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应该告诉我父DIVs 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很垃圾 - 有没有解决方案来解决这个问题？

Answer 1

这应该有效：

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

您应该考虑使用加载图形或其他东西让用户知道在悬停时正在检索数据。这将使客户有时间访问服务器以获取您想要的内容。

jquerytools工具提示填充了ajax

1 个答案: