Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据单击的div加载jQuery模式_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 根据单击的div加载jQuery模式

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.");

所以我要做的是,加载一个支付模式(它将有一个支付/信用卡表单),并将“所选计划”动态加载到模式中

下面是“选择一个计划”HTML——我正在尝试/需要帮助的是一个jQuery函数,该函数打开模式并加载“You selected this Plan”

另外,如果方便的话,这里有一把小提琴

到目前为止,我在JS方面的情况如下:

$(".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>