个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试将 jQuery UI 日期选择器放置在 lightSlider 项目中。然而，我似乎无法弄清楚如何根据 slider 的内容实际让 Javascript 执行。日期选择器只是我想要实现的目标之一。
到目前为止我的代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5/CSS3 Modal</title>
<!-- Demo Styles -->
<link href="css/demo.css" rel="stylesheet">
<!-- Modal Styles -->
<link href="css/modal.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/lightSlider.css"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.lightSlider.js"></script>
</head>
<body>
<div class="container">
<p><a href="#modal" class="btn go">Date Range</a></p>
</div>
<div id="modal">
<div class="modal-content">
<div class="header">
<h2>Select Date Range</h2>
</div>
<div>
<ul id="lightSlider">
<li>
<h3>Start Date</h3>
Date: <div id="datepicker"></div>
</li>
<li>
<h3>End Date</h3>
<script>document.write("Calendar in here");</script>
</li>
</ul>
</div>
<div class="cf footer">
<a href="#" class="btn">Close</a>
</div>
</div>
<div class="overlay"></div>
</div>
<script type="text/javascript">
$(document).ready(function Slide() {
slider = $("#lightSlider").lightSlider({
mode:'fade',
minSlide:1,
pager:true,
});
//Go to 1st Slide
slider.goToSlide(0);
});
$(lightSlider).ready(function() {
$( "#datepicker" ).datepicker();
});
</script>
</body>
</html>
此代码不显示日期选择器并在控制台中返回以下内容。
[Error] TypeError: 'undefined' is not a function (evaluating '$( "#datepicker" ).datepicker()')
(anonymous function) (localhost, line 64)
j (jquery.min.js, line 2)
fireWith (jquery.min.js, line 2)
ready (jquery.min.js, line 2)
K (jquery.min.js, line 2)
我认为使用 $(lightSlider).ready(function() 会使调用在执行日期选择器之前等待灯光 slider 运行。
任何关于我出错的地方的帮助或建议将不胜感激。
最佳答案
请包含 jquery-ui 库。
从错误中可以明显看出，datepicker函数没有定义，因为缺少js库
快乐的 Jquery! :)
关于javascript - 在 lightSlider 中运行 Javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25582056/
25
4
0
我有两个或更多具有相同类的按钮来销毁和重建 lightSlider 脚本。 我构建它的 CMS 正在加载图像和 ajax。由于 JavaScript 是通过 Ready 加载的，因此不允许我再次触发按
我正在使用 lightSlider我想将始终位于轮播中间的元素设置为 active。 我怎样才能做到这一点？ 最佳答案 他们添加了一个选项 centerSlide，您可以使用它来做到这一点。这是进行更
在我的网站中，我使用 lightSlider 作为产品图库。我为 lightslider 加载了 jquery 和 js，但仍然显示错误 "Uncaught TypeError: $(...).lig
我需要创建 lightSlider ( http://sachinchoolur.github.io/lightslider/ ) 画廊，其中缩略图旁边有“显示所有照片”/.IsPager(如果缩略图
嗨，我正在使用 jQuery lightslider这是有效的，大部分都很棒。我在响应模式下使用它，但无法让它自动调整边距，以便幻灯片始终填充页面的整个宽度。它始终保持左对齐。 当您在 320 像素屏
我正在使用 light slider jquery 插件来滑动 html 内容。然而，该插件可以工作，但有些幻灯片未对齐。 这是 jsfiddle.关于这个问题。 这是我的 html: 这里的 4 个
我可以使用以下方法使 div 高度适合屏幕: .myDiv{ position: fixed; top: 0; left: 0; bottom:
我尝试使用 Lightslider 插件为我的投资组合图片创建响应式 slider 。 但是，投资组合的每个缩略图的高度都有些切掉(顶部和底部) 我的代码: $('#responsive').ligh
我用背景图像创建了这个 lightSlider。问题是，当您转到下一张幻灯片时，会出现具有相同背景图像的新图像。我希望固定背景图像，以便只有文本或内容可以滑动。 http://jsfiddle.net
希望为缩略图图像添加边框颜色.....我是将其添加到 css 还是在 html 代码中添加样式部分？ $(document).ready(function() { $(
几个月来，我一直在使用 JQuery LightSlider，问题绝对为零。但是，我们正在重组我们的网络产品页面，并且发生了一些我无法弄清楚的事情。我已经检查并分解了 CSS 5 次(我相当确定这就是
我正在尝试在 WordPress 中添加 lightslider( http://sachinchoolur.github.io/lightslider/index.html ) 但出现错误 Unca
我遇到了一件奇怪的事情。我正在使用 lightslider 来显示我的 img-s。现在，当我在常规 dom 中使用它时，打开的那个一切正常。但有时我会在我的常规窗口之上显示一个模式窗口，并且我遇到了
我有一个灯 slider ，上面有不同高度的不同图像。如果我将 isAdaptiveHeight 设置为 true，那么它会根据图像自动调整高度，但这对我来说不太好。 我想设置图像的固定高度，如果任何
我正在尝试将 jQuery UI 日期选择器放置在 lightSlider 项目中。然而，我似乎无法弄清楚如何根据 slider 的内容实际让 Javascript 执行。日期选择器只是我想要实现的目
我发现lightSlider没有恢复播放功能，一旦点击任何幻灯片就会停止播放。我们有什么办法可以添加这个功能吗？ $(document).ready(function() { var slid
使用这些选项: $('.lightSlider').lightSlider({ item:3, fourceAutoplay:true, slideMargin:0, thumbIte
如果我删除 jquery api 代码，Lightslider Jquery 代码和 mootols 不能一起工作，所以如果我输入 jquery api 代码，mootools 可以工作，否则 lig
我有一个问题。我无法获得 jQuery 插件 lightSlider在我正在处理的这个页面上工作。 我很确定我遗漏了一些明显的东西，因为我是新手。我目前也在使用 twitter bootstrap。
我使用 jQuery lightSlider 作为图像 slider 。我想在 bootstrap 药丸内放置 slider (每个药丸一个 slider )。尽管如此，我还是发现了以下情况: 第一个
我是一名优秀的程序员,十分优秀！