使用jQuery获取数据属性？

我试图从下面的链接获取数据共享URL，以便在jQuery中使用，但由于某些原因，当我将变量放入警报时，它总是未定义。谁能告诉我我做错了什么？谢谢 我做了一把小提琴

Html

jQuery

 var shareurl = $(this).attr('data-shareurl'); //Get this url
 $(".fancybox").fancybox({

   beforeShow: function() {
     this.title = '<div class="addthis addthis_toolbox addthis_default_style "><a href="' + this.href + '" addthis:url="' + this.href + '" addthis:title="' + this.title + '" class="addthis_button_preferred_1"></a></div>';

     alert(shareurl); //see the variable


   },

   afterShow: function() {
     addthis.toolbox(
       $(".addthis").get()
     );
   },
   helpers: {
     title: {
       type: 'inside'
     }
   }

 });

var-shareurl=$（this.attr（'data-shareurl'）//获取此url
$（“.fancybox”）.fancybox({
beforeShow:function（）{
this.title=''；
警报（shareurl）；//查看变量
},
afterShow:function（）{
addthis.toolbox(
$（“.addthis”）.get（）
);
},
助手：{
标题：{
类型：“内部”
}
}
});

您正在使用此作为选择器。我假设此代码在函数

$（'.fancybox'）…

为什么不使用

id

或

class

作为选择器呢

var shareurl = $('.fancybox').attr('data-shareurl'); //Get this url

---

给你一个解决方案

$（'a'）。单击（函数（）{
log（$（this.data（'shareurl'））；
});


var shareurl = $('.fancybox').attr('data-shareurl'); //Get this url