0

私はウェブサイトのキャリア ページを作成しています。求人情報がページに一覧表示され、クリックすると求人の説明がポップアップ表示されます。別の場所をクリックすると、そのページを閉じる必要があります。残りません。

<div class="joblisting">

    <a href="#" class="contact" id="job_id">
        <div class="messagepop pop"  id="menucontainer">
            job_description
        </div>
        <p>click to read description...</p>
    </a>

</div>

http://jsfiddle.net/ZZ2BS/2/ : ここでは jsFiddle にあります。

4

2 に答える 2

1

同じ ID を持つ 2 つの要素があります。代わりにクラスを使用してください。

$(document).click(function(event) { 

    if($('.messagepop').is(":visible")) {
        $('.messagepop').hide()
    } 
});

http://jsfiddle.net/philwills/ZZ2BS/4/

于 2013-09-24T06:48:56.927 に答える
0

どこでもクリックするとポップアップ要素を非表示stopPropagation()にし、要素自体を除外するために使用します。

var popup = documrnt.getElementById("popup_id");

document.addEventListener("click", function(){
    popup.style.display = "none"
}, false);

popup.addEventListener("click", function(e){
    e.stopPropagation();
});
于 2013-09-24T06:51:01.360 に答える