小编The*_*ven的帖子
未捕获的TypeError:对象[object Object]没有方法'draggable'.(Booklet jquery插件)
我试图为我的项目使用Booklet jquery插件,但手动和键盘控件不起作用.这似乎是由于这个错误.
错误发生在此特定行:
// manual page turning, check if jQuery UI is loaded
target.find('.b-page').draggable('destroy').removeClass('b-grab b-grabbing');
if(options.manual && $.ui) {
我的HTML:
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title> asfds </title>
<link rel="stylesheet" type="text/css" media="screen" href="fgerg.css" />
<link href="scripts/jquery.booklet.1.4.0.css" type="text/css" rel="stylesheet" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="scripts/jquery.booklet.1.4.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(function() {
$('#mybook').booklet();
keyboard: true
});
});
</script>
</head>
<body>
<div id="mybook">
<div>
<h3>Yay, Page 1!</h3>
</div>
<div>
<img src="scripts/testmenu1.png" width="100%" height="100%" />
</div> …5
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
为什么line-height属性不适用于超链接？
这是超链接的html代码.我希望文本之间略有差距.例如,在"菜单"和"联系我们"之间.提前致谢.
<div id="navbar">
<a class="fb" href="menu.html">Menu</a></br>
<a href="ContactUs.html">Contact Us</a></br>
<a href="About Us.html">About Us</a></br>
<a href="TC.html">Terms & Conditions</a></br>
<a href="jobs.html" target="_blank">Jobs</a></br>
<a href="order.html">Your Order</a>
</div>
我在CSS中设置了line-height属性,如下所示:
#navbar {
line-height:2em;
}
4
推荐指数
推荐指数
3
解决办法
解决办法
5810
查看次数
查看次数
为什么list-style-type不起作用？没有显示任何东西
CSS和HTML代码如下所示.我使用了eric meyer的重置脚本..我编辑了我认为相关的那个.
/* reset CSS script */
ol, ul {
list-style: none;
}
/* End of reset CSS script */
#navbar {
border: 5px solid red;
margin: -580px 0 0 160px;
width: 1500px;
font-size: 26px;
font-family: 'Conv_LITHOSPRO-REGULAR';
}
#navbar ul li {
display:inline;
padding:0 35px 0 0;
list-style-type:disc;
}
这是HTML代码.
<nav id="navbar">
<ul id="hli">
<li id="OP"><a href="Orders.html">Your Order</a></li>
<li id="MP"><a href="Menu.html">Menu</a></li>
<li id="CUP"><a href="ContactUs.html">Contact Us</a></li>
<li id="JP"><a href="Jobs.html" target="_blank">Jobs</a></li>
<li id="TCP"><a href="TC.html">Terms & Conditions</a></li>
</ul>
</nav>
2
推荐指数
推荐指数
1
解决办法
解决办法
9190
查看次数
查看次数
最后一个p属性不应该覆盖它上面的所有p属性吗？
<style>
#content p {color: yellow;}
p {color: purple;}
p {color: green;}
</style>
当我运行代码时,所有p变为黄色而不是绿色(这是我所期望的.)
这里的HTML代码:
<div id="content">
<p>Duis autem vel eum </p>
<p>Duis autem vel eum </p>
<p>Duis autem vel eum </p>
</div>
1
推荐指数
推荐指数
1
解决办法
解决办法
47
查看次数
查看次数
添加位置相对后,整个站点向下移动
加载包含一些jquery的数字图像后,整个站点向下移动.
可能是因为position:relative我正在使用？忽略2px border我为某些元素插入的内容.我想检查元素所包含的区域.
注意:
食物的大图像与图像滑块 - 硬币滑块有关.
页脚没有显示在我拍摄的屏幕截图中.
HTML:
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title> Foodstant Delivery </title>
<link rel="stylesheet" type="text/css" media="screen" href="testCSS.css" />
<link rel="stylesheet" type="text/css" href="coin-slider/coin-slider-styles.css" />
<script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
<script src="jqfloat/jqfloat.js"></script>
<script type="text/javascript" src="coin-slider/coin-slider.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#coin-slider').coinslider({ width:900, navigation: true, delay: 3000, hoverPause: true, effect: 'random' });
$('#numb1').hide().delay(800).fadeIn('normal');
});
</script>
</head>
<body>
<div id="container">
<div id="numb1">
<img src="images/number4.png" />
</div>
<figure id="logo">
<img src="images/logo23.png" alt="Foodstant Delivery logo" width="" height="" /> …1
推荐指数
推荐指数
1
解决办法
解决办法
910
查看次数
查看次数
当两个div都设置为float时,为什么不会发生冲突:left？
<div class="header">
<div class="contact half">
<dl>
<dt>Email</dt>
<dd>z@srgbethet.com</dt>
<dt>Phone</dt>
<dd>+456 333 444</dd>
<dt>Website</dt>
<dd>kkkk.com</dd>
</dl>
</div>
<div class="skills half">
<ul>
<li>Quantum Accelerators</li>
<li>dfeerfbe</li>
<li>Parachuting</li>
<li>Photon Cannons</li>
</ul>
</div>
</div>
CSS代码:
.half {
float: left;
width: 50%;
}
最终结果是接触div和技能div都很好地并排安装.为什么没有冲突,因为他们都跟随float:left财产？
0
推荐指数
推荐指数
1
解决办法
解决办法
112
查看次数
查看次数