jQuery与表单一起向下滑动
为什么下面的代码不起作用？在Opera下，它只显示一条黑线一秒钟，div应该在哪里，在IE下，它显示div一秒钟，在FF下，什么都没有发生jQuery与表单一起向下滑动,jquery,slidedown,Jquery,Slidedown,为什么下面的代码不起作用？在Opera下，它只显示一条黑线一秒钟，div应该在哪里，在IE下，它显示div一秒钟，在FF下，什么都没有发生 function showAdvanced(){ $("#advanced").slideDown("slow"); }; <div id="content"> <form action="mycontrolleraddress" method="post" accept-charset="utf-8" name="search_fo
function showAdvanced(){
$("#advanced").slideDown("slow");
};
<div id="content">
<form action="mycontrolleraddress" method="post" accept-charset="utf-8" name="search_form" id="search_form">
<input type="text" name="query" value="" style="width:300px;font-size:18pt;border-color:#0080FF;border-width:2px;border-style:solid;background-color:#F2F2F2;" />
<a href="" onclick="showAdvanced();" style="font-size:8pt;font-color:blue;">Advanced options</a>
<br/>
<div id="advanced" style="position:relative;height:400px;">From:
<input type="text" name="date_from" value="" id="datepicker" onchange="validateDate();" class="datefield" /> To:
<input type="text" name="date_to" value="" id="datepicker2" onchange="validateDate();" class="datefield" />
<input type="text" name="limit" value="Results limit" />
</div>
<input type="submit" name="submit" value="Szukaj" />
</div>
函数showAdvanced（）{
$（“高级”）。向下滑动（“慢速”）；
};
发件人：
致：
它基本上是一个用于搜索查询的文本框，我希望高级选项（两个数据选择器和文本框）在单击链接后出现。您的脚本是否在
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
console.log('script loaded');
function showAdvanced() {
console.log('showAdvanced() executed');
$("#advanced").slideDown("slow");
};
$(document).ready(function(){
console.log('document is ready');
});
</script>
</head>
<body>
<div id="content">
<form action="mycontrolleraddress" method="post" accept-charset="utf-8" name="search_form" id="search_form">
<input type="text" name="query" value=""/><br/>
<a href="#" onclick="showAdvanced();" style="font-size:8pt;font-color:blue;">Advanced options</a><br/>
<div id="advanced" style="display: none;">
From: <input type="text" name="date_from" value="" id="datepicker" onchange="validateDate();" class="datefield" /><br/>
To: <input type="text" name="date_to" value="" id="datepicker2" onchange="validateDate();" class="datefield" /> <br/>
<input type="text" name="limit" value="Results limit" />
</div>
<input type="submit" name="submit" value="Szukaj" />
</div>
</body>
</html>
log（'script-loaded'）；
函数showAdvanced（）{
log（'showAdvanced（）已执行'）；
$（“高级”）。向下滑动（“慢速”）；
};
$（文档）.ready（函数（）{
console.log（“文档已准备就绪”）；
});
发件人：
致：
为我工作。下次尝试更好地格式化代码，使其更具可读性。是的，数据采集器的jQuery工作正常。我还有美元（“#advanced”）.hide（）；文档加载时。我的JSFIDLE在FF中为您工作吗？我在4.0.1和IE 8中都可以使用。注意：我还为href添加了一个#，并在函数中添加了一个返回false。是的，它不需要是head。我真的只是在检查