javascript - 使嵌套 div 中的 div 可点击

Question

我有<div>一个 ID - button2div。它结束了另一个使用JS<div>更改其背景的内容。

<div id="button2div" onclick="location.href='#';" style="cursor:pointer;"></div>

我可以添加一个 URL 以button2div使用 JS 作为嵌套函数。

addEventHandler(divarea1, 'mouseover', function () {     
    divbanner.style.backgroundImage ='url(URL To banner)';
    buttondiv.style.backgroundImage ='url(URL To Button Background)';
    $("button1div").click(function(){
        window.location = 'http://google.com';
    });
}); 

这不起作用。

注意： raddEventHandle来自JQuery。

我该如何进行这项工作？谢谢。

Answer 1

你错过了一个#（我想），试试这个：

$("#button1div").click(function(){
window.location = 'http://google.com';
});

# 是一个选择器，表示您正在搜索具有在选择器中给出的 id 的元素。
Ia #mydiv 搜索 id 为“mydiv”的元素

Answer 2

试试这个嵌套跨度的例子 http://jsfiddle.net/dG26F/

$('span').click(function(){
   alert($(this).attr('data-content')); 
    return false;
});

<span data-content="Hot Dog">
    Hot
    <span data-content="Dog">Dog</span>
</span>

span{
    padding: 10px;
    margin:5px;
    background-color:#c67605;
    display:inline-block;
}
span span{
    background-color:#3a87ad;
}

Answer 3

缺少 # 但你不应该将事件绑定到另一个类似的事件中

addEventHandler(divarea1, 'mouseover', function () {     
  divbanner.style.backgroundImage ='url(URL To banner)';
  buttondiv.style.backgroundImage ='url(URL To Button Background)';
}); 

$("#button1div").click(function(){
   window.location = 'http://google.com';
});