javascript - 重复下载 - Cordova/Framework7

Question

已编辑:我有一个下载文件的功能和一个监听启动此下载的点击的事件

事件:

$$('button').on('click', function() {                                   
    var media = $$(this).attr('data-url');              
    Download(media);
    }
});

“下载”是一个延迟完成的功能...在它运行时，如果我单击其他按钮来获取其值，“媒体”变量将获取第一个按钮的值 - 正在处理在“下载”功能中

我该如何修复它？

谢谢

Answer 1

我是这样解决的:

我的页面有几个按钮，我认为它导致了冲突。因此，我创建了一个包含链接部分的“动态类”，并将事件链接到它们，而不是按钮。

    //My file is in this link. The absolute link to my jpg file will be catched in JSON inside here...
    var link = 'https://www.myserver1.com/f/wPAU322jT36/'; 
    var id_link_1 = link.substring(28,100); //-> wPAU322jT36/
    var id_link = id_link_1.replace('/',''); //-> wPAU322jT36

所以，我把它作为一个类放在html中:

   //data-url is my .jpg file catched in JSON in link above
    var html = '<button data-url="https://www.myserver1.com/myfie.jpg" class="btn btn-primary btn-lg btn-block '+id_link+'"';

所以，我在事件中调用它

$$('.'+id_link+'').on('click', function() {                                   
    var media = $$(this).attr('data-url');              
    Download(media);
    }
});

所以我有独特的类可以调用。现在，它可以工作了:)