Question

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

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

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

Answer 1

$('.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（以防万一有多个链接）。

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

1 个答案: