-1

因此，我的网站上有一些工作 JS 代码，一旦单击链接，就会将 div 切换到另一个 div。但是，我目前通过覆盖作为链接的清晰 gif 使其在 iframe 之上工作，并且它完美地工作。

现在我想将它应用到我们网站上按下的按钮以创建下载 - 我不能使用相同的不可见 gif 技巧，因为按钮具有鼠标悬停效果然后不起作用所以我希望它发生单击按钮时的其他方式。当前工作的函数在标题中加载为…</p> 

function yourFunction(){
    document.getElementById('yourfirDiv').style.display='block';
    document.getElementById('yoursecDiv').style.display='none';
}

目前触发此链接的链接是一个完美运行的图像，如下所示......</p> 

<a href="javascript:void(0)" onclick="var fileref=document.createElement('script');fileref.setAttribute('type','text/javascript'); fileref.setAttribute('src', 'http://url.com/locker.js?guid=0512eafd69b18d22');document.body.appendChild(fileref); setTimeout(yourFunction, 3000);"> 
    <img src="http://url.com/blank.gif" style="position: absolute; z-index: 500; width: 100%; max-width: 100%; height: 280px; "> 
</a>

现在我需要在这个按钮上应用它来做同样的事情……</p> 

<div id="yoursecDiv" style="display:block;">
    <div id="downloadmp3">
        <div class="download_button_div">
            <form action="/download_file.php" method="post" name="downloadform">
                <input name="file_name" value="<?php echo $fname; ?>" type="hidden">
                <input name="bucket" value="<?php echo $bucket; ?>" type="hidden">
                <button type='submit' class='download_button' title="Click to Download Mixtape!">Download</button>
            </form>
        </div>
    </div>
</div>

有人给了我一些简单的JS，如下所示，当单击div名称时应该触发以触发交换命名div的功能，但是它不起作用，代码片段是......</p> 

$("#clickablediv").bind("click",function(){
    yourFunction();
});

为了让事情稍微复杂一点，该页面是一个使用 ajax 启动的浮动页面，因此，如果需要在启动投资组合时加载页面，则上述任何代码都必须放入加载页面的部分的站点 JS 文件中。在上面的链接的情况下，函数代码加载到全局站点标题中就好了，内联 JS 工作正常 - 也许有一种方法可以将该链接应用到我的按钮 div，非常欢迎简单的输入！

4

1 回答 1

0

我认为 isherwood 是正确的，因为你把事情复杂化了。

但是，试试这个：

$(document).ready(function() {
    $(document).on("click","#clickablediv",function(){
        $('#yourfirDiv').show();
        $('#yoursecDiv').hide();
    });
});

假设#yourfirDiv 具有“display:none”的样式或类css。

然后，您可以从 div 中删除那些讨厌的 onclick 属性。

于 2013-03-11T02:31:58.473 回答