1

確認をカレンダーに表示するために2つのjqueryタグとscriptタグを作成しましたが、別々のhtmlページにある場合は正常に機能しますが、2つのスクリプトが同じページにある場合は機能しません。なぜですか。

<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 no conflict を見てください。 http://api.jquery.com/jQuery.noConflict/

これにより、異なる jQuery バージョン/ライブラリから特定の関数を使用できるようになります。

于 2012-07-16T09:25:48.143 に答える