Javascript jQuery没有'；我似乎没有在浏览器上工作
我试图根据下拉菜单中的选择隐藏/显示字段 jQuery的代码似乎没有被接受。有什么建议吗？jQuery的新特性。我正在将文件保存为.php jQuery：Javascript jQuery没有'；我似乎没有在浏览器上工作,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我试图根据下拉菜单中的选择隐藏/显示字段 jQuery的代码似乎没有被接受。有什么建议吗？jQuery的新特性。我正在将文件保存为.php jQuery： <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <meta http-equiv="Content-Type" c
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
$(document).ready(function() {
$.viewMap = {
'0' : $([]),
'view1' : $('#view1'),
'view2' : $('#view2a, #view2b'),
'view3' : $('#view3')
};
$('#viewSelector').change(function() {
// hide all
$.each($.viewMap, function() { this.hide(); });
// show current
$.viewMap[$(this).val()].show();
});
});
</script>
</head>
$(document).ready(function() {
$('#viewSelector').change(function() {
$('.view').hide();
// show current
if($(this).val() !== 0){
if($(this).val() == "view2"){
$("#view2a, #view2b").show();
}else{
$("#"+ $(this).val()).show();
}
}
});
});
$（文档）.ready（函数（）{
$.viewMap={
'0' : $([]),
“视图1”：$（“#视图1”），
'视图2'：$（'视图2a，'视图2b'），
“视图3”：$（“#视图3”）
};
$（'#viewSelector'）。更改（函数（）{
//全部隐藏
$.each（$.viewMap，function（）{this.hide（）；}）；
//显示电流
$.viewMap[$（this.val（）].show（）；
});
});
--选择一个视图--
视图1
视图2
视图3
--选择一个视图--
视图1
视图2
视图3
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
$(document).ready(function() {
$.viewMap = {
'0' : $([]),
'view1' : $('#view1'),
'view2' : $('#view2a, #view2b'),
'view3' : $('#view3')
};
$('#viewSelector').change(function() {
// hide all
$.each($.viewMap, function() { this.hide(); });
// show current
$.viewMap[$(this).val()].show();
});
});
</script>
</head>
$(document).ready(function() {
$('#viewSelector').change(function() {
$('.view').hide();
// show current
if($(this).val() !== 0){
if($(this).val() == "view2"){
$("#view2a, #view2b").show();
}else{
$("#"+ $(this).val()).show();
}
}
});
});
--选择一个视图--
视图1
视图2
视图3
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
$(document).ready(function() {
$.viewMap = {
'0' : $([]),
'view1' : $('#view1'),
'view2' : $('#view2a, #view2b'),
'view3' : $('#view3')
};
$('#viewSelector').change(function() {
// hide all
$.each($.viewMap, function() { this.hide(); });
// show current
$.viewMap[$(this).val()].show();
});
});
</script>
</head>
$(document).ready(function() {
$('#viewSelector').change(function() {
$('.view').hide();
// show current
if($(this).val() !== 0){
if($(this).val() == "view2"){
$("#view2a, #view2b").show();
}else{
$("#"+ $(this).val()).show();
}
}
});
});
--选择一个视图--
视图1
视图2
视图3
如果由于您发布的代码之外的代码而在后台出现任何jQuery问题，请在Chrome中按F12以打开，然后单击以在刷新页面后查看任何JavaScript错误。您有一个重复的
如果由于您发布的代码之外的代码而在后台出现任何jQuery问题，请在Chrome中按F12打开，然后单击以在刷新页面后查看任何JavaScript错误。ID应该是唯一的。在代码中，有两个具有相同id的选项
viewSelector<div class="views" id="view3">
是一个演示。希望这有帮助。ID应该是唯一的。在代码中，有两个具有相同id的选项
viewSelector<div class="views" id="view3">
是一个演示。希望这有帮助。您是否打开了broswer控制台并更正了其中显示的任何错误？您已经复制了您的选择，包括其ID。请注意，如果您有重复的ID（或者是剪切/粘贴错误），只有第一个将与jQuery一起使用。hide（）；似乎不正确。它非常大胆地指出jQuery似乎不适用于浏览器。。。你应该考虑一下你犯了一个错误……”特林科特道歉，我的措辞很差，我急急忙忙地提出问题，这显然是我的错误。我认为我执行的jQuery是错误的，而我的浏览器没有执行。你打开broswer的控制台并更正了那里显示的任何错误吗？你已经复制了你的选择，包括它的ID。请注意，如果你有重复的ID（或者这是一个剪切/粘贴错误？），只有第一个可以使用jQuery。hide（）；似乎不正确。它非常大胆地指出jQuery似乎不适用于浏览器。。。你应该考虑一下你犯了一个错误……Trimct道歉我的措辞很差，我急忙问我的问题，这显然是我的错误，我认为我正在执行jQuery错误，我的浏览器不接受它。当页面加载时，我如何隐藏最初显示的字段？我只想在使用select而不是previor时显示它们。使用CSS将divs上的样式设置为“display:none”。然后在.load（）中调用.show（）时，该属性变为“display:block”。您也可以在.ready（）方法中使用.hide（）来完成同样的任务，但是如果文档加载缓慢，div将显示，直到文档加载完成，然后会突然隐藏自己。如何隐藏页面加载时最初显示的字段？我只想在使用select而不是previor时显示它们。使用CSS将divs上的样式设置为“display:none”。然后在.load（）中调用.show（）时，该属性变为“display:block”。您也可以在.ready（）方法中使用.hide（）来完成同样的任务，但是如果文档加载缓慢，div将显示，直到文档加载完成，然后会突然隐藏自己。