Javascript 根据单击的div加载jQuery模式
所以我要做的是,加载一个支付模式(它将有一个支付/信用卡表单),并将“所选计划”动态加载到模式中 下面是“选择一个计划”HTML——我正在尝试/需要帮助的是一个jQuery函数,该函数打开模式并加载“You selected this Plan” 另外,如果方便的话,这里有一把小提琴 到目前为止,我在JS方面的情况如下:Javascript 根据单击的div加载jQuery模式,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,所以我要做的是,加载一个支付模式(它将有一个支付/信用卡表单),并将“所选计划”动态加载到模式中 下面是“选择一个计划”HTML——我正在尝试/需要帮助的是一个jQuery函数,该函数打开模式并加载“You selected this Plan” 另外,如果方便的话,这里有一把小提琴 到目前为止,我在JS方面的情况如下: $(".planSelector").click(function() { console.log("got that clcik.");
$(".planSelector").click(function() {
console.log("got that clcik.");
var selectedPlan = //Get the selected plan
$("#paymentModal").modal("show");
});
HTML:
优秀的销售团队有各种规模
所有计划都包括所有功能
自由的
免费的
最多5个用户
小的
99美元
最多15个用户
中等
199美元
最多30个用户
习俗
请联系我们
我对您的代码做了一些修改,并在您的快速问题中添加了id
。将所选计划输入模式的最佳方式是什么?还有一个:)我想再获取一个变量(planId)。我应该将其连接到h4还是?你能帮忙吗?
<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>