将clicked元素的data-attribute值传递给ajax设置

Question

对于Magnific Popup的实现,我需要将post id传递给ajax设置.post id存储在Magnific Popup绑定的元素的data属性中.我希望这个工作:

html元素:

<a data-id="412">Clicke me</a>

使用Javascript:

$('.element a').magnificPopup({
  type: 'ajax',
  ajax: {
    settings: {
      url: php_array.admin_ajax,
      type: 'POST',
      data: ({
        action:'theme_post_example',
        id: postId
      })
    }
  }

});

从data属性中读取postId的位置.

提前致谢.

Answer 1

$('.element a').magnificPopup({
    callbacks: {
        elementParse: function(item){
            postData = {
                action  :'theme_post_example',
                id      : $(item.el[0]).attr('data-id')     
            }
            var mp = $.magnificPopup.instance;
            mp.st.ajax.settings.data = postData;
        }
    },
    type: 'ajax',
    ajax: {
        settings: {
            url: php_array.admin_ajax,
            type: 'POST'
        }
    }
});