Question

需要帮助让AnyTime日历Jquery在Tqugle下工作Jquery.Can It？

这里发生的事情是：

有一个页面，它有一些信息切换SlidDown Jquery。
大多数优先级TextField都在Toggle的SlidDown（）下，所以它如果没有填写基本详细信息，则不提交表格。
我正在尝试填写日历来自日历Jquery的基本条目在Toggle之外工作，但不在其中。

只需要在Toggle.Slidedown（）事件中执行日程表。

        <link href="../../css/style-my-tooltips.css" rel="stylesheet" type="text/css" />
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script src="../../js/AnyTime/anytime.js"></script>
        <link rel="stylesheet" type="text/css" href="AddDART.css" />

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $("#Task").slideDown();
        $("#Time").slideDown();

        $("li").click(function(){
            $(this).toggleClass("active");
            $(this).next("div").stop('true','true').slideToggle("slow");
        });
    });
    </script>

    <style>
        body{font-family: arial, helvetica, sans-serif;}
        ul{width:400px;}
        li:hover{background:#E9FFFC}
        li{list-style-type:none; cursor:pointer; -moz-border-radius:0 10px 0 10px; border:2px solid #666666; 

margin:2px; padding:5px 5px 5px 5px;}
        ul div{color: #666666; cursor: auto; display: none; font-size: 13px; padding: 5px 0 5px 20px; text-

decoration: none; }
        ul div a{color:#000000; font-weight:bold;}
        li div:hover{text-decoration:none !important;}
        li:before {content: "+"; padding:2px 2px 2px 0; color:#116; font-weight:bold;}
        li.active:before {content: "-"; padding:2px 2px 2px 0; color:#116; font-weight:bold;}
        #toggle{width:500px; margin:0 auto;}
    </style>

</head>

<body>

<form method="post" name="order" id="AddReport" action="AddReport.php" style="margin:0px;">
<input id="ReportID" name="ReportID" type="text" readonly="readonly" hidden=""/>
<input id="ReportIncharge" hidden="" name="ReportIncharge" readonly="readonly" type="text" />
<input id="WID" hidden="" name="WID" readonly="readonly" type="text" />

<div id="toggle" style="float: left;">
    <ul>
        <li>Task-</li>
        <div id="Task" name="Task">
            Client:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input id="CName" name="CName" readonly="readonly" type="text" /><br/>
            Task ID:&nbsp&nbsp;&nbsp;&nbsp;&nbsp;
                        <input id="TaskID" name="TaskID" readonly="readonly" type="text" title="This is Auto 

Selected From DashBoard" /><br/>
            Event:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input id="ActionEvent" name="ActionEvent" type="text"  title="Action/Event Names 

Required" required/>        
        </div>


        <li>Work-</li>
            <div>

Location:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                    <select id="WorkLocation" name="WorkLocation" title="Select Work location">
                        <optgroup label="Select Work Location">
                        <option value="Office">Office</option>
                        <option value="Client">Client</option>
                        <option value="Home">Home</option>
                        </optgroup>
                    </select>
<br />
            Reference No:&nbsp;&nbsp;&nbsp;&nbsp;
            <input id="RefNo" name="RefNo" type="text" title="Provide Reference Details here,If Necessary" 

/>
                    <br />


Note:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <textarea id="Remarks" name="Remarks" style="width: 170px; height: 45px;" title="Provide Your 

Remarks On This Report,If Necessary"></textarea>
            </div>  

    </ul>
</div>



<div id="toggle" style="float: left;">  
<ul>
        <li>Time-</li>
        <div id="Time" name="Time">
Work On:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input id="DateInput" name="DateInput" type="text" title="Select Reporting Date" /> <br/>


            From:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input id="ButtonCreationDemoInput2" name="ButtonCreationDemoInput2" type="text" title="Select 

Report Starting Time" />
                    <input id="ToClear" class="clear" type="button" value="Clear" />
                    <br />

            Upto:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input id="ButtonCreationDemoInput" name="ButtonCreationDemoInput" type="text" title="Select 

Report Ending Time" />
                    <input id="FromClear" class="clear" type="button" value="Clear" /><br />


Duration:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input id="Duration" name="Duration" type="text" title="Total Time You Wored" readonly/>  
        </div>

    </ul>
 <input class="submit" id=="submit" name="submit" type="submit" value="Submit" />  <span id="errors" name="errors"> 

</span>
</div>

</body>

 <script>
        $('#DateInput').AnyTime_noPicker().AnyTime_picker();
</script>
</html>

jQuery日历在jQuery切换中不起作用

0 个答案: