onClick 事件和数据切换


onClick event and data-toggle

我在一个函数中使用这段代码,但它确实有问题,模态打开但下载没有。

我需要模式打开并在后台进行下载。

echo "<a id='download-item' class='button left' onclick='count();' href='".$mp3->guid."' data-toggle="modal" data-target="#myModal">Download</a>";

首先,您需要正确设置 " 和 ':

echo "<a id='download-item' class='button left' onclick='count();' href='".$mp3->guid."' data-toggle='modal' data-target='#myModal'>Download</a>";

然后让函数 count() 调用所需的文件进行下载:

使用 jQuery 下载文件

您应该将下载属性放在标签上

echo "<a id='download-item' download='filename.mp3' class='button left' onclick='count();' href='".$mp3->guid."' data-toggle="modal" data-target="#myModal">Download</a>";

这可能工作正常

我没有

仔细研究引导实现,但我认为data-toggle处理程序使用event.preventDefault()来阻止文件下载(假设您在click()函数中开始下载。

我在本地测试了以下代码,并且模式在下载开始的同时打开:

echo "<a id='download-item' class='button left' onclick='jQuery('"#myModal'").modal();' href='".$mp3->guid."' download>Download</a>";