[英]Javascript works in JS Fiddle but doesn't work in Chrome/IE
我不明白為什么我的代碼在我的瀏覽器中不起作用,但是卻無濟於事。 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/卻在我的代碼中運行,但是不在我的瀏覽器中。 並且在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());
}
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.