Question

我有一个jquery插件，我从代码峡谷购买了社交分享。

我已将其配置为单项共享，但我希望将其连接到页面上的多个实例。

<script>
$('a.shareplus').shareplus({
    icons: "facebook,twitter,google",
    height : '150px',
    width : '150px',
    shareurl : '#application.settings.websiteurl#/article/' + $(this).attr('data-href'),
    displayTitle : true,
    title : 'Share this item from',
    sticker : false,
    pin : false,
    gplus : false,
    tweets : false,
    fbLikebox : false
});
</script>

这适用于在网页上共享的单个项目。我已经搜索了这个插件的文档，但是我找不到任何引用它可以附加到单个页面上的多个项目。

我想知道的是..我正在考虑使用.bind（）方法在点击时连接到它并使用data-href自定义属性来定义要连接的页面。

但这似乎不起作用。

<script>
$('a.shareplus').bind('click',shareplus({
    icons: "facebook,twitter,google",
    height : '150px',
    width : '150px',
    shareurl : '#application.settings.websiteurl#/article/' + $(this).attr('data-href'),
    displayTitle : true,
    title : 'Share this item from',
    sticker : false,
    pin : false,
    gplus : false,
    tweets : false,
    fbLikebox : false
});


})</script>

我不太确定如何将bind api连接到包含具有参数的函数的链接，所以任何帮助都非常感激

Answer 1

尝试在document.ready()中编写代码并使用on()代替bind()使用data()代替data attributes，

$(function(){
    $('a.shareplus').on('click',function(){
        $(this).shareplus({
            icons: "facebook,twitter,google",
            height : '150px',
            width : '150px',
            shareurl : '#application.settings.websiteurl#/article/'+$(this).data('href'),
            displayTitle : true,
            title : 'Share this item from',
            sticker : false,
            pin : false,
            gplus : false,
            tweets : false,
            fbLikebox : false
        });
    });
});

Jquery插件使其绑定onclick

1 个答案: