问JQ DateBox插件无法工作
EN

Stack Overflow用户

提问于 2015-08-10 19:54:32

回答 1查看 112关注 0票数 0

我正在尝试将这个插件实现到一个网站中，我正在遵循这个小教程：http://js-tutorial.com/jquerymobile-datebox-date-and-time-picker-plugin-369，是的，我也读过插件制造商的原始网站。

我在我的输入代码here>中有这个

<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" /> 
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>

这是在<body>中

      <input name="mode3" id="mode3" type="text" data-role="datebox" data-options='{"mode":"flipbox", "useNewStyle":true}' />
      <input name="mode6" id="mode6" type="text" data-role="datebox" data-options='{"mode":"custombox", "useNewStyle":true}' />

我没有得到错误，只是在场上按下时什么都不会弹出来。

在加载插件所需的所有其他内容之前，我的头文件中也有以下内容：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">      
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>      
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>         
<script src="js/leslider.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="index.css" />

jquery

jquery-plugins

回答 1

Stack Overflow用户

发布于 2015-08-14 16:46:43

我通过重新排序头文件并加载索引文件中的所有内容修复了这个问题。

    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>        
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>  
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>  
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/date.js"></script>      
    <script src="js/leslider.js" type="text/javascript"></script>
    <link rel="stylesheet" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" />    
    <script src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script>       
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.flipbox.min.js"></script>
    <link rel='stylesheet' href='http://photoswipe.s3.amazonaws.com/pswp/dist/photoswipe.css'>
    <link rel='stylesheet' href='http://photoswipe.s3.amazonaws.com/pswp/dist/default-skin/default-skin.css'>
    <script src='http://photoswipe.s3-eu-west-1.amazonaws.com/pswp/dist/photoswipe.min.js'></script>
    <script src='http://photoswipe.s3-eu-west-1.amazonaws.com/pswp/dist/photoswipe-ui-default.min.js'></script>
    <link rel="stylesheet" type="text/css" href="index.css" /> 
    <script src="index.js"></script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31918883

复制

相似问题

问JQ DateBox插件无法工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQ DateBox插件无法工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQ DateBox插件无法工作
EN