1

我创建了两个 jquery 和和脚本标签来日历确认..但是当它们在单独的 html 页面中时效果很好..但是当两个脚本在同一页面中时它不起作用..为什么会这样？

<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script>

$(document).ready(function(){

 $('#click').click(function(){
    //$(function() {
        // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Ok": function() {

                    $('#form1').submit();
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
    });
</script>

<script type="text/javascript" src="jquery/jquery.min.js"></script>
<script type="text/javascript" src="jsdatepick-calendar/jquery.1.4.2.js"></script>
<script type="text/javascript" src="jsdatepick-calendar/jsDatePick.jquery.min.1.3.js"></script>
<script type="text/javascript" src="jquery/fadeslideshow.js"></script>
4

3 回答 3

4

尝试重新排序脚本，这可能会导致问题。您多次使用 jQuery，这很可能是您的问题的原因。

此外，您应该尝试格式化代码以使其更清楚发生了什么。例如type，为了便于阅读，我将脚本标签放在了开头。

你Cancel有没有特别在你的对话中不加引号？我已经在下面纠正了这一点。

<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.21.custom.min.js"></script>
<!--jQuery again here?--><script type="text/javascript" src="jsdatepick-calendar/jsDatePick.jquery.min.1.3.js"></script>
<script type="text/javascript" src="jquery/fadeslideshow.js"></script>    
<script type="text/javascript">

$(document).ready(function(){

    $('#click').click(function(){

        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                "Ok": function() {
                    $('#form1').submit();
                },
                "Cancel": function() {
                    $( this ).dialog( "close" );
                }
            }
        })
    })
});
</script>
于 2012-07-16T09:28:01.030 回答
1 
( function($$$) {

    $$$(document).ready(function(e) {
        //Code here
    });

} ) ( jQuery );
于 2012-07-16T09:55:32.760 回答
0

看看jQueries没有冲突。 http://api.jquery.com/jQuery.noConflict/

这使得您可以使用来自不同 jQuery 版本/库的某些函数。

于 2012-07-16T09:25:48.143 回答