Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.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 JQuery在fiddle上工作,但在实际的html文件上工作_Javascript_Jquery_Html - Fatal编程技术网

Javascript JQuery在fiddle上工作,但在实际的html文件上工作

Javascript JQuery在fiddle上工作,但在实际的html文件上工作,javascript,jquery,html,Javascript,Jquery,Html,链接到小提琴: fiddle上的代码可以工作,但当我在.html文件上运行它时,根本不会显示任何内容 html页面中的代码 我不太擅长jquery,所以我不知道自己做错了什么。与其他具有相同想法的问题相比,我的情况有所不同。您的代码使用了$函数。这取决于jQuery,但您尚未加载jQuery。你可以从我这里得到它 为了避免混淆,您应该将现有的jquery.js重命名为描述其用途的名称(例如show pay type.js),而不是它所依赖的库。将jquery代码包装在$(document).re

链接到小提琴:

fiddle上的代码可以工作,但当我在.html文件上运行它时,根本不会显示任何内容

html页面中的代码


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

您的代码使用了
$
函数。这取决于jQuery,但您尚未加载jQuery。你可以从我这里得到它


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

将jquery代码包装在
$(document).ready(function(){//your code})当您在浏览器中加载页面时,按F12在控制台中是否看到任何错误?@ThinkDifferent已经有一个文档准备包装器jQuery包含在哪里!!!它并没有神奇地包含在内。YURGH、内联javascript和内联CSS。。。。。。。。。。。。和
jquery.js
这不是jquery:)来自发布的代码:
@A.Wolff-继续阅读。该文件的内容将在问题的后面描述。它包含依赖于jQuery的代码,而不是jQuery本身。我的错!我没看见;)@A.Wolff-这是一个非常容易误导的文件名:)
<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>
$(function test() 
{
    $('#pay-type').change(function(){
        $('.pay-type').hide();
        $('#' + $(this).val()).show();
    });
});