gpt4 book ai didi

Javascript 在 JS Fiddle 中有效,但在 Chrome/IE 中无效

转载 作者:行者123 更新时间:2023-11-28 03:16:41 25 4
gpt4 key购买 nike

我不明白为什么我的代码不能在我的浏览器中运行,但它可以正常运行。 http://jsfiddle.net/4tafnwcj/2/

当我点击一个计划时,总计应该输出价格,但是,这不会发生在浏览器中。我检查了开发工具,清除了缓存,但没有帮助。我还包含了所有必需的 jquery、js 文件,但似乎还有其他东西破坏了它。我不知道为什么。请帮助并解释问题所在。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="<?=SITE_SCRIPT?>jquery.validate.min.js"></script>
<script type="text/javascript" src="<?=SITE_SCRIPT?>jquery.form.js"></script>
<script type="text/javascript" src="<?=SITE_SCRIPT?>jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="<?=SITE_SCRIPT?>bootstrap.min.js"></script>
<script type="text/javascript" src="<?=SITE_SCRIPT?>icheck.min.js"></script>

代码:

<div class="checkout">
<span id="checkout-title">Checkout</span>
<div class="plan-wrapper">
<label id="silver-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="699" onclick="calculate(this);"/>Cyber Security Silver Plan</label>
<label id="silver-plan-price">$699</label>
<label id="gold-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="999" onclick="calculate(this);"/>Cyber Security Gold Plan</label>
<label id="gold-plan-price">$999</label>
</div>
<div class="logo-wrapper">
<span id="personalized-logo">Personalized Logo</span>
<span id="logo-price">$49.99</span>
</div>
<div class="tax-wrapper">
<div class="wrapper-a">
<span id="tax">Tax + Processing</span>
<span id="tax-price">$0.00</span>
</div>
</div>
<div class="total-wrapper">
<div class="wrapper-b">
<span id="total">Total</span>
<output type="number" name="price" id="output"></output>
</div>
</div>
<div class="controls submit-btn">
<input type="submit" value="Checkout" />
<input type="reset" value="Clear" />
</div>
<div class="controls back-btn">
<input class="back-button" type="button" value="Back" />
</div>
</div><!--/.checkout -->

.js

<script>
$(document).ready(function(){
$(document).on("click", ".btn-checkbox-plan", function(e){
//alert();
if($(this).is(':checked')){

$("#output").html($(this).val());
}

});

});
</script>

最佳答案

我已经删除了 onclick="calculate(this);"因为我不需要它,所以我没有任何计算。

http://jsfiddle.net/3tdwak2h/4/然而,在 fiddle 中,我的代码不在我的浏览器中运行。在 Chrome 控制台日志中,我得到的唯一错误是无法加载资源:net::ERR_CACHE_MISS

代码

<div class="checkout">
<span id="checkout-title">Checkout</span>
<div class="plan-wrapper">
<label id="silver-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="699" /> Silver Plan</label>
<label id="silver-plan-price">$699</label>
<label id="gold-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="999" /> Gold Plan</label>
<label id="gold-plan-price">$999</label>
</div>
<div class="logo-wrapper">
<span id="personalized-logo">Personalized Logo</span>
<span id="logo-price">$49.99</span>
</div>
<div class="tax-wrapper">
<div class="wrapper-a">
<span id="tax">Tax + Processing</span>
<span id="tax-price">$0.00</span>
</div>
</div>
<div class="total-wrapper">
<div class="wrapper-b">
<span id="total">Total</span>
<output type="number" name="price" id="output"></output>
</div>
</div>
<div class="controls submit-btn">
<input type="submit" value="Checkout" />
<input type="reset" value="Clear" />
</div>
<div class="controls back-btn">
<input class="back-button" type="button" value="Back" />
</div>
</div>

.js

   $(document).ready(function(){
//alert();
$(document).on("click", ".btn-checkbox-plan", function(e){
if($(".btn-checkbox-plan").is(':checked')){

$("#output").html($(this).val());
}

});

});

关于Javascript 在 JS Fiddle 中有效,但在 Chrome/IE 中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27259388/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com