-2

input type="file" をクリックすると「背景をアップロード」ボタンが表示されます。jquery .click() と .show() と .hide() を使用して実行しましたが、機能します。しかし、ページ内の別の場所をクリックしたときに、 input type="file" をボタンに戻したいと思います。どうやってやるの？

HTML:

Upload<input type="button" id="upload" />
<input type="file" id="file" />

CSS:

#file{display:none;}

jquery:

$('#upload').click(function(){
$('#upload').hide();
$('#file').show();
});

ページのどこかでマウス ポインタがクリックされたときに、#file を #upload に戻すにはどうすればよいですか。

編集：（これは正しいですか？）

$("#upload").click(function(){
    e.stopPropagation();
    return false;
    $("#file").show('slow');
    $("#upload").hide();
});

$(document).click(function(){
$('#uploadbg').show('slow');
$('#uploadform').hide();
});

まだ動作していません。誰でも私を助けることができますか？

ありがとう！

4

1 に答える 1

1 
$(document).click(function(){
   $('#upload').show();
   $('#file').hide();
});

独自のハンドラーを持たないクリックごとに、イベントのバブリングにより document.click がトリガーされます。

于 2012-04-14T17:35:39.187 に答える