-6

topic_tag_sugユーザーがまたはその子要素のいずれかをクリックしたときに、その div が非表示にならないようにする必要があります。ただし、ユーザーが他の要素をクリックすると、topic_tag_sug非表示にする必要があります。

HTML

<input id='topic_tag' onblur="$('#topic_tag_sug').hide();"/>
<div id='topic_tag_sug' style='border:1px solid #000'>here is tag suggestion zone, i want to click here to select tag suggestion, and it will not be hide</div>​

JavaScript

$('#topic_tag').focus();

http://jsfiddle.net/Q7hFw/2/

4

1 に答える 1

1

他のイベントで提案ボックスを非表示にしたいのはおもしろいです。ボックス自体の中に1つの閉じるボタンを追加しましょう。

<input id='topic_tag' />
<div id='topic_tag_sug' style='border:1px solid #000;display:none;'>
    here is tag suggestion zone, i want to click here to select tag suggestion, and it will not be hide
    <br>
    <a id="close" href="#">X: Close</a>
</div>

次に、jQueryを使用してjavaScriptコードを追加します

$(document).ready(function() {
    $('#topic_tag').bind('click', function() {
        $('#topic_tag_sug').show();  
    });    
    $('#close').bind('click', function() {
        $('#topic_tag_sug').hide();
    });        
});

ここで実例を見つけてください

于 2012-06-08T06:54:10.967 に答える