不使用位置的onclick事件:固定

Question

当我使用位置:修复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索引值并进行检查。可能是其他div覆盖您的位置:固定的DIV

Answer 3

我有这个问题。我添加了click和mouseover事件的元素是不可点击的。我的元素在一个容器div内，它的位置是:固定的，并且定位在顶部:400 My；

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

希望这能有所帮助。