Javascript 动态facebook共享按钮

我在vbhtml中有此部分：

<section class="white">
    @For Each item In Model
        @<div class="BNItem">
            <p class="title">@Html.DisplayFor(Function(modelItem) item.Titre)</p>
            <p class="description">@Html.DisplayFor(Function(modelItem) item.Description)</p>
            <!-- Your share button code -->
            <div class="fb-share-button" data-href="http://..." data-layout="button_count"></div>
            <hr />
        </div>
    Next
</section>

@对于模型中的每个项目
@
@Html.DisplayFor（函数（modelItem）项.Titre）
@Html.DisplayFor（函数（modelItem）项.description）

下一个

这将创建尽可能多的

，以确保模型中存在项。 对于每个项目，我想与Facebook的脚本共享两个

的内容：

 <script type="text/javascript">
        $(document).ready(function () {
            $('.fb-share-button').live('click', function (e) {
                e.preventDefault();
                FB.ui(
                {
                    method: 'feed',
                    name: 'HyperArts Blog',
                    link: 'http://...',
                    picture: 'http://...',
                    caption: 'title', //first <p> content
                    description: 'description', //second <p> content
                    message: ''
                });

            });
        });
    </script>

$（文档）.ready（函数（）{
$（'.fb共享按钮'）.live（'click'，函数（e）{
e、 预防默认值（）；
FB.ui(
{
方法：“提要”，
名称：“超级艺术博客”，
链接：'http://...',
图片：'http://...',
标题：'标题'，//第一个内容
description:'description'，//第二个内容
消息：“”
});
});
});

我怎样才能做到这一点？或者你推荐哪种方式

经过多次搜索（和测试），我找到了一个解决方案： 因此，我有不同的项目，我为每个项目创建了一个facebook按钮，其中包含一个

共享按钮

类和两个

数据-

属性、标题和描述

 @For Each item In Model
        @<div class="BNItem">
            <p class="title">@Html.DisplayFor(Function(modelItem) item.Titre)</p>
            <p class="description">@Html.DisplayFor(Function(modelItem) item.Description)</p>

            <div class="share_buttons">
                <div>
                    <a class="btn btn-block btn-social btn-xs btn-facebook share-button" data-title="@Html.DisplayFor(Function(modelItem) item.Titre)" data-text="@Html.DisplayFor(Function(modelItem) item.Description)">
                        <span class="fa fa-facebook"></span> Partagez !
                    </a>
                </div>
            </div>
        </div>
        <hr />
    Next

工作完美。我希望能帮助别人

 $(document).ready(function () {
            $(".share-button").click(function () {
                var title = $(this).data("title");
                var description = $(this).data("text");
                FB.ui(
                {
                    method: 'feed',
                    name: title,
                    link: 'http://...',
                    picture: 'http://...png',
                    caption: 'My Site',
                    description: description,
                    message: 'test'
                });
     });
});