Question

在我的概念设计中，jQuery控制诸如当右上角的输入被点击工作时出现的日历，但是现在我试图将其集成到现有设计中，所有这些Javascript元素不起作用，虽然我在旧设计中已经存在的其他东西中使用相同的代码。

我认为这只是侧边栏日历的兼容性问题，完全删除它，但仍然没有。在控制台中，它定义了＆＃34;无法读取属性＆＃39; datetimepicker＆＃39; of null＆＃34;例如。

概念的实时网址（所有工作元素）：http://bit.ly/1m23oXT 非工作网站的实时网址：http://bit.ly/1gxgXfx

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo HTTP_HOST; ?>Styles/jquery.datetimepicker.css" />
<script src="<?php echo HTTP_HOST; ?>Scripts/jquery.idTabs.min.js"></script>

<div class="header-reservations">
            <div id="usual2" class="usual"> 
              <ul>  
                <li><a href="#tabs2" class="selected">ROOM BOOKINGS</a></li> 
                <li><a href="#tabs3">SPA BOOKINGS</a></li> 
              </ul> 
              <div id="tabs2">
                    <form>
                        <input type="text" class="header-form-input" id="datetimepicker" placeholder="21st January" />
                        <select class="header-form-dropdown">
                            <option>1 Night</option>
                            <option>2 Nights</option>
                        </select>
                        <select class="header-form-dropdown">
                            <option>1 Adult</option>
                            <option>2 Adults</option>
                        </select>
                        <input type="submit" class="header-form-submit blue-btns" value="BOOK" />
                    </form>
                    <span class="clearboth"></span>
              </div> 
              <div id="tabs3">
                    <div class="header-tab-spa">
                        <h3>To Make A Spa Booking, Contact Us <a href="#">Here</a></h3>
                    </div>
                    <span class="clearboth"></span>
              </div> 
            </div>
        </div>

<!-- Required JS Files -->
<script type="text/javascript"> 
    $(document).ready(function() {
        $("#usual2 ul").idTabs("tabs2");
    }
</script>

<script src="<?php echo HTTP_HOST; ?>Scripts/jquery.datetimepicker.js"></script>

<script type="text/javascript">
    $('#datetimepicker').datetimepicker();
    $('#datetimepicker2').datetimepicker();
</script>

Answer 1

末尾缺少括号

$(document).ready(function() {
    $("#usual2 ul").idTabs("tabs2");
}

但是应该使用控制台找到这样的语法错误，而不是Stack Overflow。阅读about the console。

jQuery的多个元素没有执行，虽然在概念上有效

1 个答案: