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

当我使用position:fixed时，div的onclick事件不起作用。此事件与其他值一起工作，如static、relative等。 我的代码如下： css:

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> 

var\u init=$.ui.dialog.prototype.\u init；
$.ui.dialog.prototype.\u init=function（）{
//运行原始初始化代码
_init.apply（这个，参数）；
//设置一些变量供以后使用
var dialog_element=this；
var dialog_id=this.uiDialogTitlebar.next（）.attr（'id'）；
//附加我们的最小化图标
this.uiDialogTitlebar.append（“”）；
$（'#对话框_窗口_最小化_容器'）。追加(
''+此.ui对话框标题栏.find（'.ui对话框标题'）.text（）
'');
$（'#'+dialog_id+'-minbutton'）。悬停（函数（）{
$（this.addClass（'ui-state-hover'）；
}，函数（）{
$（this.removeClass（'ui-state-hover'）；
})。单击（函数（）{
dialog_元素。close（）；
$（“#”+对话框_id+“_最小化”）.show（）；
});
$（“#”+对话框_id+“_最小化”）。单击（函数（）{
$（“#”+对话框_id+“_最小化”）.hide（）；
dialog_element.open（）；
});
};

---

jsp:

当您保持元素位置固定时，检查是否有其他div或元素出现，这是我要检查的第一件事，如果您看到下面显示的条形图中高亮显示的其他元素或div，请右键单击并检查您单击的位置上的元素，其他一些div或元素正在覆盖您的元素。

---

希望它有助于

尝试为特定div和check提供更高的z-index值。可能是其他部门负责你的职位：固定部门我有这个问题。我添加了click和mouseover事件的元素不可单击。我的元素在一个容器div中，该容器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>

我有鼠标事件

---

希望这能有所帮助。

谢谢阿米尔！另一个部门已经结束了，我确实有这个问题。谢谢

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