【问题标题】:On img load open new tab Jquery NOT ON CLICK在 img 加载时打开新选项卡 Jquery NOT ON CLICK
【发布时间】:2016-06-30 15:37:03
【问题描述】:

我在页面上有一张图片,当加载该图片时,我希望页面打开一个新选项卡,加载一个下载文件的 URL,但我想保持当前页面打开。这一切都在 wordpress 中完成,我在后端有一个 Jquery 部分。不知道该怎么做......

到目前为止我有这个:

jQuery

 $( "#link" ).ready(function() {
  window.open('http://www.facebook.com', '_blank'); 

 });

HTML

 <h2>Download to start shortly...</h2>


  <h4>If the download doesn’t start soon please click below to download the file.</h4>
  </br>
 <div style="text-align: center; padding-bottom: 5px;">
 <a href="MyDownloadLinkFromPlugIn"><img id="link" src="MyImageLink"    style="margin-bottom:30px;"></a>
 </div>

【问题讨论】:

  • 你怎么能下载http://www.facebook.com
  • 它只是一个例子,我刚刚意识到它要求我接受弹出代码正在工作并加载 URL,但是如果我将直接下载链接放到文件中,它就不起作用。 ..
  • 你试过download元素的download属性吗?
  • 我会更新我的问题,也许更容易理解

标签: javascript jquery html wordpress


【解决方案1】:
$( "#link" ).ready(function() {

    window.open('http://stackoverflow.com/', "myWindowName", "width=800, height=600");
})

【讨论】:

  • 尝试使用window.open(),看看我已经更新了我之前的答案
  • @user1673498 可能是您的浏览器阻止了弹出窗口。
【解决方案2】:

你可以使用下面的代码。

当你选择的图片被加载时它会被触发。

$("img_selector_tag").on("load", function() {
   alert("image loaded sucessfully");
      //you activity
       window.open('http://www.facebook.com', '_blank'); 

 });

【讨论】:

    【解决方案3】:

    添加这个,

    $(window).on("load",function(){
        window.open("http://www.google.com",'_blank');
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-05
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多