Question

所以我要做的是，加载付款模式（将有付款/信用卡表格），并动态将“选定计划”加载到模式中。

下面是“选择计划”HTML - 我正在尝试做/需要帮助的是一个jQuery函数，它打开模态并加载“你选择了这个计划”。

，这是一个小提琴

到目前为止，这就是我在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/

根据单击的div加载jQuery模式

1 个答案: