Question

嗨大家我刚刚开始研究jsfiddle，但当我将它加载到离线.html时，js脚本不运行？这是html文件中的代码，任何人都知道为什么??

很抱歉我刚才使用jsfiddle并且不确定为什么我不能将我工作的代码复制并粘贴到html文件中，当我离线时可以进一步处理它。

感谢您的帮助！

<body>
<table class="table table-striped table-condensed table-bordered">
<thead>
    <tr>
        <th>Item</th>
        <th width="20%">Value</th>
        <th width="20%">Quantity</th>
        <th class="actions">Total</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Item</td>
        <td><input type="hidden" class="input-small" name="var_1" value="60">60</td>
        <td><input type="text" class="input-small" name="var_1_1" value="0"></td>
        <td>$<span class="amount"></span> </td>
    </tr>
    <tr>
        <td>Item</td>
        <td><input type="text" class="input-small" name="var_2" value="0"></td>
        <td><input type="text" class="input-small" name="var_2_2" value="0"></td>
        <td>$<span class="amount"></span> </td>
    </tr>
    <tr>
        <td colspan="3"><strong>Total event cost (viability)</strong></td>
        <td><strong>$<div class="total_amount">total</div></strong></td>
    </tr>
    </tbody></table><button>Go!</button>

<script>
    function doCalc() {
    var total = 0;
    $('tr').each(function() {
        $(this).find('span.amount').html($('input:eq(0)', this).val() * $('input:eq(1)', this).val());
    });
    $('.amount').each(function() {
        total += parseInt($(this).text(),10);
    });
    $('div.total_amount').html(total);
}
$('button').click(doCalc);
</script>
</body>

Answer 1

您的脚本依赖于jQuery。您没有在HTML中包含jQuery库。 Download it然后为其添加另一个脚本元素。

Answer 2

请加入jQuery

使用Google CDN

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>

如果您想离线使用它，只需从上面的src链接下载，然后再使用它。

脚本没有从jsfiddle运行？

2 个答案: