Загрузите jQuery modal, на основе которого был нажат div.

Question

Так что я пытаюсь сделать это, загрузите модальный способ (который будет иметь форму оплаты/кредитной карты) и динамически загрузите «выбранный план» в модальный.

Ниже приведен шаблон «Выбрать план». Я пытаюсь сделать/нужна помощь с помощью функции jQuery, которая открывает модальную модель и загружает «Вы выбрали этот план».

PS. Вот скрипку, если это проще http://jsfiddle.net/9xyJn/

Это то, что я на стороне JS до сих пор:

$(".planSelector").click(function() { 
      console.log("got that clcik."); 
      var selectedPlan = //Get the selected plan 
      $("#paymentModal").modal("show"); 
     }); 

HTML:

<div class="container"> 
    <div class="row"> 
     <hr> 
     <div class="span12 pick-plan-intro"> 
      <h2>Great sales teams come in all sizes</h2> 
      <h6>All plans are including all features</h6> 
     </div> 
     <div id="Free" class="span3"> 
      <div class="sparta-plan"> 
       <h4 id="freePlan">Free</h4> 
       <p>Free</p> 
       <p>Up to 5 users</p> 
       <a class="btn btn-large btn-info btn-block planSelector" href="#">Select plan</a> 
      </div> 
     </div> 
     <div id="Small" class="span3"> 
      <div class="sparta-plan"> 
       <h4 id="smallPlan">Small</h4> 
       <p>$99</p> 
       <p>Up to 15 users</p> 
       <a class="btn btn-large btn-info btn-block planSelector" href="#">Select plan</a> 
      </div> 
     </div> 
     <div id="Medium" class="span3"> 
      <div class="sparta-plan"> 
       <h4 id="mediumPlan">Medium</h4> 
       <p>$199</p> 
       <p>Up to 30 users</p> 
       <a class="btn btn-large btn-info btn-block planSelector" href="#">Select plan</a> 
      </div> 
     </div> 
     <div id="Mega" class="span3"> 
      <div class="sparta-plan"> 
       <h4>Custom</h4> 
       <p>...</p> 
       <p>Please contact us</p> 
       <a class="btn btn-large btn-info btn-block" href="#">Contact us</a> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Я изменил код немного и добавил id к вашим <a> атрибутам.

Вот jsfiddle обновление: http://jsfiddle.net/saurabhsharma/9xyJn/1/