0

ファイルをアップロードするときに問題に直面しています。ClickMe ボタンをクリックすると、確認ダイアログが表示されます。[OK] ボタンをクリックしても、ファイルのアップロード ダイアログが表示されません。コンソールでコードを実行すると、ファイルのアップロード ダイアログが表示されます。ここに私のソースコードがあります:

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/dark-hive/jquery-ui.css" />
<script type="text/javascript">
function showUpload() {
   $("#tpl_file").click();
};
$(document).ready(function(){
    $("#verify_dialog").dialog({
        "autoOpen": false,
        "modal": true,
        "buttons": [{
            "id":"btn_okdialog",
            "text": "yes",
            "click": function() {
                showUpload();
            }
          },
          {
            "id":"btn_cancedialog",
            "text": "no",
            "click": function() {
                $(this).dialog("close");
            }
          }
        ]
    });
    $("#ClickMe").button();
    $("#ClickMe").click(function(){
        $("#verify_dialog").dialog("open");
    });
});
</script>
</head>
<body>
<button title="ClickMe" id="ClickMe">ClickMe</button>
<input type="file" name="tpl_file" id="tpl_file">
<div id="verify_dialog" style="display:none;" title="verify_dialog">
    <div id="message">are you sure?</div>
</div>
</body>
</html>

エラーの特定を手伝ってもらえますか?

4

1 に答える 1

0

関数 showUpload() がトリガーされますが、その中のコードは機能しません:

$("#tpl_file").click();

何をしたいのかわかりません。クリックイベントをトリガーしたい場合は、次を使用する必要があります。

$("#tpl_file").trigger('click');
于 2012-10-23T07:38:45.523 に答える