Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.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 html弹出面板打开,java脚本在本地主机上工作,但在服务器端不工作_Javascript_Html_Jquery Plugins - Fatal编程技术网

Javascript html弹出面板打开,java脚本在本地主机上工作,但在服务器端不工作

Javascript html弹出面板打开,java脚本在本地主机上工作,但在服务器端不工作,javascript,html,jquery-plugins,Javascript,Html,Jquery Plugins,我使用html和java脚本在页面加载时打开面板,在本地服务器上正确关闭,但当我在服务器端使用此代码时,在页面加载时打开面板,但在服务器端不关闭面板…如何解决此问题…代码在本地主机上工作,但在服务器端不工作帮助我 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Simple Slide Panel</title

我使用html和java脚本在页面加载时打开面板,在本地服务器上正确关闭,但当我在服务器端使用此代码时,在页面加载时打开面板,但在服务器端不关闭面板…如何解决此问题…代码在本地主机上工作,但在服务器端不工作帮助我

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Simple Slide Panel</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".btn-slide").click(function () {
$("#panel").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
$(".btn-slide").trigger('click');
});
</script>
<style type="text/css">
body 
{
margin: 0 auto;
padding: 0;
width: 570px;
font: 75%/120% Arial, Helvetica, sans-serif;
}
a:focus
{
outline: none;
}
#panel 
{
background: #754c24;
height: 200px;
display: none;
}
.slide
{
margin: 0;
padding: 0;
border-top: solid 4px #422410;
background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide
{
background: url(images/white-arrow.gif) no-repeat right -50px -50px;
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.active {
background-position: right 12px;
}
</style>
</head>
<body>
<div id="panel">
<!-- you can put content here -->
</div>
<p class="slide"><a href="#" class="btn-slide">Slide Panel</a></p>
</body>
</html>

简易滑板
$(文档).ready(函数(){
$(“.btn幻灯片”)。单击(函数(){
$(“面板”)。滑动切换(“慢速”);
$(此).toggleClass(“活动”);
返回false;
});
$(“.btn幻灯片”).trigger('click');
});
身体
{
保证金:0自动;
填充:0;
宽度:570px;
字体:75%/120%Arial,Helvetica,无衬线;
}
a:焦点
{
大纲:无;
}
#面板
{
背景:754c24;
高度:200px;
显示:无;
}
滑动
{
保证金:0;
填充:0;
边框顶部:实心4px#422410;
背景:url(images/btn slide.gif)无重复中心顶部;
}
.btn幻灯片
{
背景:url(images/whitearrow.gif)无重复右-50px-50px;
文本对齐:居中;
宽度:144px;
高度:31px;
填充:10px 10px 0;
保证金:0自动;
显示:块;
字体:粗体120%/100%Arial,Helvetica,无衬线;
颜色:#fff;
文字装饰:无;
}
.主动{
背景位置:右12px;
}


检查jquery库是否包含在页面中。在firebug中,您可以找到它。 如果未包含,请尝试在src前加“/”


i、 e src=“/jquery.js”

Bhaiya ka ho ka raha hai hiyan..susra gande gande问题puch rahe ho。。。。尝试将“/”前置到src


i、 e src=“./jquery.js”这将有助于你达成gr8交易

你能给服务器一个链接吗?