onclick 이벤트가 position과 함께 작동하지 않습니다. fixed

position을 사용할 때 : div의 onclick 이벤트가 작동하지 않습니다. 이 이벤트는 정적, 상대 등과 같은 다른 값과 협력 내 코드는 다음과 같다 : CSS :onclick 이벤트가 position과 함께 작동하지 않습니다. fixed

#dialog_window_minimized_container { 
    position: fixed; 
    bottom: 0px; 
    left: 0px; 
}

자바 스크립트 :

<script> 
var _init = $.ui.dialog.prototype._init; 
$.ui.dialog.prototype._init = function() { 
    //Run the original initialization code 
    _init.apply(this, arguments); 

    //set some variables for use later 
    var dialog_element = this; 
    var dialog_id = this.uiDialogTitlebar.next().attr('id'); 
    //append our minimize icon 
    this.uiDialogTitlebar.append('<a href="#" id="' + dialog_id + 
    '-minbutton" class="ui-dialog-titlebar-minimize ui-corner-all">'+ 
    '<span class="ui-icon ui-icon-minusthick"></span></a>'); 
    $('#dialog_window_minimized_container').append(
     '<div class="dialog_window_minimized ui-widget ui-state-default ui-corner-all" id="' + 
     dialog_id + '_minimized">' + this.uiDialogTitlebar.find('.ui-dialog-title').text() + 
     '<span class="ui-icon ui-icon-newwin"></div>'); 
    $('#' + dialog_id + '-minbutton').hover(function() {  
     $(this).addClass('ui-state-hover'); 
    }, function() { 
     $(this).removeClass('ui-state-hover'); 
    }).click(function() { 
     dialog_element.close(); 
     $('#' + dialog_id + '_minimized').show(); 
    }); 
    $('#' + dialog_id + '_minimized').click(function() { 

     $('#' + dialog_id + '_minimized').hide(); 

      dialog_element.open();  

    }); 

}; 

</script>

JSP :

출처

2014-11-07 GMore

확인하는 경우 다른 div 또는 요소가 고정되어있을 때 요소 위치를 유지할 때 그 위에옵니다. 오른쪽 클릭을 확인하고 클릭 할 위치의 요소를 검사하면됩니다. 당신은 다른 요소 나 div가 아래에 표시되는 막대에서 강조 표시되고, 다른 div 또는 요소가 요소를 덮고 있음을 볼 수 있습니다. 희망 하시겠습니까?

출처

2014-11-07 05:37:10 Aameer

감사합니다. Aameer! 다른 Div가 끝났습니다. – GMore

특정 div에 대해 z- 인덱스 값을 높이십시오. 귀하의 위치를 덮고 다른 div 수 있습니다 : 고정 DIV

출처

2014-11-07 05:41:46 user3275109

나는이 문제가 발생했습니다. 클릭 및 마우스 오버 이벤트를 추가 한 요소는 클릭 할 수 없습니다. 내 요소는 컨테이너 div 안에 있었고 위치는 고정되어 있으며 위치가 정해져있었습니다 : 400px;

<div class="container" style="position: fixed; top: 400px"> 
    <div class="my-element">I have mouse events</div> 
</div>

맨 위 위치를 제거하면 요소의 마우스 이벤트가 작동하기 시작했습니다. 어떤 이유로 부모 div의 고정 된 위치는 내 요소의 히트 영역과 "정렬"되지 않았습니다. 내 솔루션은 고정 된 위치에있는 컨테이너에서 요소를 가져 와서 자신의 위치에 배치하는 것이 었습니다.

<div class="my-element" style="position: fixed; top: 400px">I have mouse events</div>

희망이 있습니다.

출처

2018-02-19 21:14:21 kenecaswell

onclick 이벤트가 position과 함께 작동하지 않습니다. fixed

답변

관련 문제