Jquery“slideToggle()“;函数在adobedreamweaver中运行良好,但在浏览器中不起作用
Jquery "slideToggle()" function working fine in Adobe Dreamweaver, but doesn't work on browser
我在我的html页面中使用了一个jquery "slideToggle"函数,当我在我的网页上点击一个名为"Planning"的标题时,它会下拉一个子列表。虽然在adobedreamweaver设计模式下,这正是我想要的,但在浏览器中打开时却不起作用。下面是我的完整代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="jquery-1.8.3.min.js">
</script>
<script>
$(document).ready(function(){
$("#planning").click(function(){
$("#planning_panel").slideToggle("fast");
});
});
</script>
<title>Ecommerce Information</title>
<style type="text/css">
<!--
a:link {color:#03F; text-decoration:none; text-emphasis:none; font-size:12px} /* unvisited link */
a:visited {color:#03F; text-decoration:none} /* visited link */
a:hover {color:#F30; text-decoration:none; font-size:14px} /* mouse over link */
.style2 {font-size: 13px;
font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
.style4 {
font-size: 18px;
font-weight: bold;
color: #FF6600;
}
.style6 {color: #000000}
.style7 {font-size: 8px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style23 {font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style45 {
background-color:#E8E8E8;
}
.style44 {
background-image:url('gray_jean.jpg');
}
#planning_panel
{
display:none;
}
-->
</style>
</head>
<body>
<div align="center">
<a href="../index.html">
<img border="0" src="banner1.jpg" width="800" height="120" alt="Ecommerce Knowledge Base"></a>
<div style="background-image:url(Heading%20Background.jpg); width:800px">
<a href="../index.html" style="position:relative; left:-130px">HOME</a>
<a href="" style="position:relative; left:-65px" id="planning">PLANNING</a>
<a href="" style="position:relative; left:0px" id="design">DESIGN & HOSTING</a>
<a href="" style="position:relative; left:65px" id="marketing">MARKETING</a>
<a href="" style="position:relative; left:130px" id="technology">TECHNOLOGY</a>
</div>
<table width="800" border="0" cellspacing="0" cellpadding="5" class="style44">
<tr><td><div id="planning_panel" style="position:absolute; left:295px;top:150px; background-color:#999; padding:5px;">
<a href="../Planning/what-is-electronic-data-interchange.html">Electronic-Data- Interchange</a><br>
<a href="../Planning/web-site-analysis----a-study-in-damag.html">Web Site Analysis</a><br>
<a href="../Planning/web-ecommerce--where-to-begin.html">Web Ecommerce</a><br>
<a href="../Planning/streamline-your-website-pages.html">Streamline Web Pages</a><br>
<a href="../Planning/set-up-your-own-blog-free.html">Setting Up Blog</a><br>
<a href="../Planning/online-backup--the-simple-value.html">Online Backup</a><br>
<a href="../Planning/introduction-to-ecommerce.html">Introduction To Ecommerce</a><br>
<a href="../Planning/building-ecommerce-web-sites--where-d.html">Build eCommerce Sites</a><br>
<a href="../Planning/banned-by-google-and-back-again..html">Banned by Google</a><br>
<a href="../Planning/are-drop-ship-directories-really-wort.html">Know Drop Ship Directories</a><br>
</div></td></tr>
<tr>
<td>
<div align="center">
</div></td>
</tr>
<tr>
<td width="514" valign="top"><div align="left">
<table width="99%" height="114">
<tr>
<td align="left" height="22"><div align="justify"><span class="style7">
<font color="navy" size="1" face="Tahoma"><h1 align="center">5 Minute Guide to Video Editing for Beginners</h1><br>
</font></span></div></td>
</tr>
<tr >
<td align="left" height="12"><span class="style2"><span>My text</span><hr size=-1>
<br>
</span></td>
</tr>
</table>
</div> <p align="left"> </p>
</td>
</tr>
</table>
</div>
</body>
</html>
我不知道我理解你的问题是否正确。你没有一个href属性设置到菜单"计划"(不确定它是否是故意的)。如果你想做的只是打开和关闭面板(不去到一个链接),那么这个改变你的代码应该帮助。
$(document).ready(function(){
$("#planning").click(function(e){
$("#planning_panel").slideToggle("fast");
e.preventDefault(); // prevent default behaviour
});
});
相关文章:
- 当我在浏览器中打开HTML文件时,javascript不起作用
- Javascript的某些部分在Chrome中不起作用,但在其他浏览器中可以完美工作
- 为什么简单的Promise语句在浏览器中不起作用
- 用于播放背景音乐的嵌入式flash播放器在IE浏览器中不起作用
- 带有Safari的Javascript;不起作用——所有其他浏览器都起作用
- 使用Javascript的Ajax请求在iPhone浏览器中不起作用
- 谷歌浏览器模式正则表达式在使用setCustomValidity动态创建表单时不起作用
- 为什么我的谷歌浏览器扩展程序在谷歌浏览器版本 41.0.2272.89 中不起作用
- 为什么这个JavaScript在浏览器中不起作用
- 多个 socket.io 客户端连接不起作用(谷歌浏览器,火狐浏览器)
- 脚本在web浏览器控件中不起作用
- 禁用浏览器中的后退按钮不起作用
- 将JSON对象转换为敲除observable在IE8中不起作用,但在所有其他浏览器中都起作用
- jQuery在我的网站上不起作用,但在我的浏览器上起作用
- 角度路由;在浏览器中直接访问URL时不起作用,但在单击时起作用
- 转到顶部按钮在Firefox浏览器中不起作用
- javascript代码在浏览器中不起作用
- JavaScript文件在浏览器中不起作用,但它在代码笔中起作用
- Javascript浏览器通知不起作用
- 为什么javascript在谷歌浏览器上不起作用