Question

假设我有这个HTML：

<body>
    <div id="topbar">
        First block here.
        <p>Another block here.</p>
    </div>
    <div class="header">
        <div class="container"></div>
    </div>
    <div id="footer">Footer</div>
</body>

如何禁用bind上的div#topbar？

$('body').bind('mouseover mouseout', function(event) { });

我已经尝试过这个但没有成功：

if($(event.target).is('#topbar')) { //do nothing }
else { //do stuff }

实际上，我的问题是如果我在p标记上进行鼠标悬停，则代码无效。

PS：我对HTML没有任何控制权，因此我必须使用body等常用标记。

感谢。

Answer 1

尝试为身体的其余部分创建另一个div：

cat file_*.json | head -n 2 - | jq -c '.'

和js：

<body>
    <div id="topbar">hello
        <div>How<br>are<br>you<br>today<br>?</div>
    </div>
    <div id="mouseEvent">
        <div class="header">
            <div class="container"></div>
        </div>
        <div id="footer">Footer</div>
    </div>
</body>

更新： JSFiddle

如何禁用div上的绑定

1 个答案: