简单帮助动态内容加载

Question

我正在尝试使用simpletip从数据库加载内容。我的代码：

<script type="text/javascript">

    $(document).ready(function(){
        $('a.regularsList').simpletip({
            onBeforeShow: function(){
                this.load('/regulars/tooltip', {id: $(this).attr("id")});
            }
        });
    })

我认为该ID未定义。我不明白我做错了什么，因为我试图访问id属性的值。

Answer 1

在您当前的代码this中引用document，而不是在此使用.each()循环，以便this引用您想要的锚点，如下所示：

$(function(){ //short for $(document).ready(function(){
  $('a.regularsList').each(function() {
     var a = this;
     $(this).simpletip({
        onBeforeShow: function(){
          this.load('/regulars/tooltip', { id: a.id });
        }
    });
});

在.each()循环中，this引用您正在查看的当前a.regularsList元素，因此您只需使用this.id即可获得id } property。