JQuery适用于小提琴，但适用于实际的html文件

JQuery works on fiddle but on actual html file

本文关键字：适用于 html 文件 小提琴 JQuery      更新时间：2023-09-26

链接到小提琴：http://jsfiddle.net/FvMYz/2858/

小提琴上的代码有效，但是当我在.html文件上运行它时，根本没有显示任何内容。

网页中的代码

<html>
<head>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<tr> 
    <td>
        <select id="pay-type" name="form_select" class="form-control" onchange="test()">
            <option value="hand">Cash on Hand</option>
            <option value="palawan">Palawan Express</option>
            <option value="paypal">Paypal</option>
            <option value="bdo">BDO Master Card</option>
            <option value="xoom">Xoom.com</option>
        </select>
    </td>
    <td>
        <div id="hand" class="pay-type" style="display:none"> You have selected onhand </div>
        <div id="palawan" class="pay-type" style="display:none"> You have selected palawan </div>
        <div id="paypal" class="pay-type" style="display:none"> You have selected paypal </div>     
        <div id="bdo" class="pay-type" style="display:none"> You have selected BDO </div>   
        <div id="xoom" class="pay-type" style="display:none"> You have selected xoom </div> 
    </td>
</tr>
</table>
</html>

jquery中的代码.js

$(function test() 
{
    $('#pay-type').change(function(){
        $('.pay-type').hide();
        $('#' + $(this).val()).show();
    });
});
我

不太擅长jquery，所以我真的不知道我做错了什么。与具有相同想法的其他问题相比，我的情况有点不同。

您的代码正在使用 $ 函数。它依赖于jQuery，但你还没有加载jQuery。你可以从jQuery网站获取它。

为避免混淆，您应该将现有jquery.js重命名为描述其用途的名称（例如 show-pay-type.js ），而不是它所依赖的库。

相关文章：