2

jqueryダイアログからエラーメッセージが表示されます。

エラー：予期された識別子、文字列、または数値。

buttons: { エラーメッセージは、宣言のある行を指しています。何が問題を引き起こす可能性があるか知っていますか？

$(document).ready(function(){


var $dialog = $('<div></div>').html('<form id="myform" action=""><input type="checkbox" id="completeCheck" name="completeCheck" value="" />Completeness check<br /><input type="checkbox" name="viewUnofficial" value="Car" /> View unofficial status <br /><input type="checkbox" name="consist" value="" />Consistency<br /><input type="checkbox" name="otherData" value="" />Other checks<br /><input type="checkbox" name="keyCheck" value="" />Key check<br /><input type="checkbox" name="compareVersions" value="" />Compare versions<br /></form>').dialog({
    autoOpen: false,
    title: 'Select data check',
    buttons: {
        "Submit Form": function () {
            $('form#myform').submit();
        },
        "Cancel": function () {
            $(this).dialog("close");
        }
    }
});

});
4

1 に答える 1

0

コードの動作デモ http://jsfiddle.net/ta7QY/

デモを自由に試してみてください。$('div')また、リンクをクリックするとダイアログがインスタンス化されます。以下のようにRESTコード。

これは役に立ちます、:)

コード

$("#forgot").click(function(e){ 
    $dialog.dialog("open");
    e.preventDefault();
});


var $dialog = $('<div>')
    .html('<form id="myform" action=""><input type="checkbox" id="completeCheck" name="completeCheck" value="" />Completeness check<br /><input type="checkbox" name="viewUnofficial" value="Car" /> View unofficial status <br /><input type="checkbox" name="consist" value="" />Consistency<br /><input type="checkbox" name="otherData" value="" />Other checks<br /><input type="checkbox" name="keyCheck" value="" />Key check<br /><input type="checkbox" name="compareVersions" value="" />Compare versions<br /></form>')
    .dialog({
        autoOpen: false,
        title: 'Select data check',
                buttons: {   
          "Submit Form": function() {  $('form#myform').submit();},
          "Cancel": function() {$(this).dialog("close");}
        }
    });
​

脚本

  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">

  <link rel="stylesheet" type="text/css" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">

  <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
于 2012-07-04T12:08:22.390 に答える