는 자바 스크립트와 jQuery를에 초보자이기 때문에, 나는이 전혀 불가능하거나 그냥 완전히 바보 같은 실수를하고있는 중이 여부를 확실하지 않다 div 외부jQuery를 +하지 선택기
나는 데모 목적을 위해 코드를 단순화 :
HTML을
<html>
<div class="tooltip">
Bla Bla Bla
</div>
</html>
jQuery를
$('html:not(.tooltip)').click(function() {
$('.tooltip').hide();
});
데모
당신이html:not(...) 말할 때, 당신은 당신의 선택 일치하지 않는 모든
html 요소를 찾고 있습니다
$('html :not(.tooltip)')
:
나는 이런 식으로 뭔가 할 거라고 :
$(document).click(function(ev) {
if (!$(ev.target).is('.tooltip')) $('.tooltip').hide();
});
작동! 지금까지 너와 벤더의 대답이 효과가있는 것 같다. 내가 말했듯이, 초보자와 숙모는 실제로 어느 것이 더 나은 대답인지 결정합니다. – Andrej
그의 솔루션은 명확하고 작동하므로 어쩌면 당신은 처음에 대답 한 사람이나 당신이 더 안색이 좋은 사람을 데리러 올 수 있습니다. – gustavotkg
당신의 것을 선택했는데 다른 사람이 이것을 읽고 있다면 : ('.tooltip' 대신에) 텍스트를 클릭했을 때 자식 요소 ('.tooltip p')가 셀렉터에 도착했습니다. – Andrej
은 공간을 추가합니다.
공간을 추가하면 html 요소의 하위 항목이 검색됩니다. 이는 원하는 것입니다.
이 당신이 원하는 않는 경우를 참조하십시오 : http://jsfiddle.net/yCx6F/2/
사실, 당신이이 일을해야합니다 당신은 공간을 놓치고
$('.tooltip').click(function(e) {
e.stopPropagation();
});
// Once the `<div>` is created, in the same function:
$(document).one(function() {
$('.tooltip').hide();
});
.
$('html:not(.tooltip)').click(function() {
$('html :not(.tooltip)').click(function() {
$('.tooltip').hide();
});
$('html :not(.tooltip)').click(function() {
.tooltip가되지 않는 HTML 내의 모든 요소를 의미 .tooltip되지 않은 HTML 요소를 의미
@Blender의 대답에 대한 내 의견보기. 여전히 사라지고 있습니다. – Andrej
이 시도를 ...
$('*:not(.tooltip)').click(function() {
$('.tooltip').hide();
});
$('.tooltip').click(function(e) {
e.stopPropagation();
});
나는 내가 확신 할 수없는 내 아이 패드에있어하지만 클릭과 같은 HTML 요소에 바인딩되어 있지 않습니다. 다른 div를 추가하여 테스트 해보십시오. –