首页 > 解决方案 > Jquery noConflict 在 asp.net 母版页中不起作用

问题描述

我在母版页中添加了以下两个脚本,但完整的日历在单击下面的按钮时可以正常工作 boostrap 模型弹出将出现但不工作

<a href="#" class="" > <asp:LinkButton ID="lnk_btnAddOc" runat="server" CssClass="btn btn-facebook pull-right" ForeColor="White" OnClick="lnk_btnAddOc_Click"><i class="fa fa-plus" aria-hidden="true"></i> Add Outcome Committment</asp:LinkButton></a>

下面是c#后面的代码

protected void lnk_btnAddOc_Click(object sender, EventArgs e)
 {

     ScriptManager.RegisterStartupScript(this, this.GetType(), "LaunchServerSide", "$(function() { openModal(); });", true);


 }

下面是时间选择器的脚本

<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="OC scripts/jquery-ui-timepicker-addon.css" />  
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="OC scripts/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="i18n/jquery-ui-timepicker-addon-i18n.min.js"></script>

 <script type="text/javascript">
     var jq144 = jQuery.noConflict(true);
</script>

以下是日历脚本

 <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
 <script src="Scripts/fullcalendar.js" type="text/javascript"></script>

     <script type="text/javascript">

        $(function(){
            $('#tabs').tabs();

            $('.example-container > pre').each(function(i){
                eval($(this).text());
            });
        });
        function openModal() {
            $('#myModal').modal('show');
        }


        $(document).ready(function () {


            $("#<%= btnSave.ClientID %>").click(function() 
            {
                var ProjectName = $('#<%=txt_ProjectName.ClientID%>').val();
                var MeetingTitle = $('#<%=txt_MeetingTitle.ClientID%>').val();
                var TaskDetails = $('#<%=txt_TaskDetails.ClientID%>').val();
                var datetime1 = $('#<%=txt_datetime1.ClientID%>').val();
                var datetime2 = $('#<%=txt_datetime2.ClientID%>').val();
                var datetime2 = $('#<%=txt_datetime2.ClientID%>').val();
                var ddl_Committed = $('#<%=ddl_Committed.ClientID%>').val();          

                //if (ProjectName == '') {
                //    alert("Please Enter Project Name");

                //    return false;
                //}
                if (MeetingTitle == '')
                {
                    alert("Please Enter Meeting Title");

                    return false;
                }
                else if (TaskDetails == '')
                {
                    alert("Please Enter Task Details");

                    return false;
                }
                else if (datetime1 == '') {
                    alert("Please select Review Date & Time");

                    return false;
                }
                else if (datetime2 == '') {
                    alert("Please Select Dealine");

                    return false;
                }
                else if (ddl_Committed == '') {
                    alert("Please Select Committed");

                    return false;
                }



            })
        });

    </script> 

当我将隐藏日历脚本然后模态弹出在按钮单击时工作但日历不工作时,按钮单击时模态弹出应该出现它不工作,请帮助解决这个问题。

标签: javascriptc#jqueryasp.net

解决方案


推荐阅读