Question

我在parent div中添加了背景图片div宽度为100%当你点击div时我做了重定向（一切正常）但我想只在你点击左边时重定向div在100px;的右边。例如这里是小提琴我用背景图像调用div，每当我点击它被重定向的div的任何部分。但我的问题是，我只想在100px;内从左到右点击图像时重定向。是否有可能实现任何建议都很棒。 http://jsfiddle.net/a39Va/25/

$('#loginContainer').click(function(e) { 

    window.open('http://google.com');
});

感谢。

Answer 1

尝试以下（http://jsfiddle.net/a39Va/31/）

 <div id="loginContainer">
      <div class="clickable"></div>
    </div>

CSS

.clickable{
    width:100px;
    height:100%;

}

JS

$('.clickable').click(function(e) { 

    window.open('http://google.com');
});

Answer 2

最合适的做法是使用image map

它可以帮助您定义需要特定可点击区域的特定区域。您可以通过定义区域的坐标来定义任何形状的区域。

请查看HERE了解详情

Answer 3

试试这个

$('#loginContainer').click(function(e) { 
  if(e.pageX < 100)
    window.open('http://google.com');
});

Js Fiddle Demo

Answer 4

试试这个JSFiddle

HTML

 <div id="loginContainer">
     <div class="clickable">
     </div>
   </div>

CSS

.clickable{
    width:100px;
    height:100%;
    cursor:pointer;
}

JS

$('.clickable').click(function(e) { 

    window.open('http://google.com');
});

如何使整个背景图像可以点击div？

4 个答案: