Question

我有一个带有ID的<div> - button2div 。它使用 JS 来改变其背景<div>。

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

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

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';
    });
});

这不起作用。

注意： addEventHandle r来自JQuery。

如何使这项工作？感谢。

Answer 1

你错过了＃（我推测），试试这个：

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

＃是一个选择器，表示您搜索在选择器中给出id的元素 .A。 #mydiv搜索id为'mydiv'

的元素

Answer 2

缺少＃但你不应该在另一个事件中绑定事件

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';
});

Answer 3

使用嵌套跨度尝试此示例 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;
}

在嵌套div中使div可单击

3 个答案: