可点击的div在新窗口中打开

时间:2011-01-27 20:13:22

标签: jquery

很容易制作一个可点击背景图片的div:

$(".socialMedia").click(function(){
             window.location=$(this).find("a").attr("href");
             return false;
        });

当我将window.location切换到window.open时,如何在新窗口中打开它,而不是使用锚点的目标元素,我得到一个错误。可能吗? THX

1 个答案:

答案 0 :(得分:3)

$('.socialMedia').click(function(e){
  e.preventDefault();
  window.open($(this).find('a:first').attr('href'), '');
});

在这一点JavaScript中,我们选择了具有socialMedia类的所有元素。然后,我们将回调函数绑定到每个元素。此函数定义一个参数e,表示jQuery Event对象。

现在,当用户单击其中一个socialMeda元素时,我们的回调函数就会执行。首先,该函数使用jQuery event.preventDefault()方法来阻止浏览器执行任何默认操作(例如,转到在单击的链接元素中定义的URL)。然后我们使用window.open()方法打开我们想要的网址。我们通过查找被点击的socialMedia元素中的第一个链接元素来获取此URL(以防万一有多个链接)。