Динамика Facebook кнопки доля

Question

У меня есть этот раздел в 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> 

Это создание, как многие <div>, что есть элемент в модели. Для каждого элемента я хочу поделиться содержанием двух <p> с скриптом 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> 

Как я могу добиться этого? Или в каком направлении вы рекомендуете?

Answer 1

После многих поисковых запросов (и тестов) Я нашел решение: Так что я имею мое Differents деталь и для каждого элемента создать кнопку facebook с share-button классом и два data- атрибута, названием и описанием

@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 

Так в JQuery я ловлю эти два data- и создать фид моего на Facebook:

$(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' 
       }); 
    }); 
}); 

прекрасно работает. Надеюсь, что помогите кому-то еще!