onclick 事件不适用于位置：已修复

Question

当我使用 position:fixed 时，div 的 onclick 事件不起作用。并且此事件正在处理其他值，例如静态、相对等。我的代码如下所示：css：

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

JavaScript：

    <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：

Answer 1

当您将元素位置保持为固定时，检查是否有其他 div 或元素经过它，这是我检查的第一件事，如果您看到其他元素或 div，请右键单击并检查您单击的位置上的元素在下面显示的栏中突出显示，然后其他一些 div 或元素覆盖了您的元素。希望能帮助到你

Answer 2

尝试为特定 div提供更高的z-index值并检查。可能是其他 div 覆盖了您的位置：固定 DIV