Javascript JQuery在fiddle上工作,但在实际的html文件上工作
链接到小提琴: fiddle上的代码可以工作,但当我在.html文件上运行它时,根本不会显示任何内容 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
我不太擅长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();
});
});