ImageButton 关闭 div答案

【问题标题】：ImageButton closing divImageButton 关闭 div
【发布时间】：2014-10-08 09:53:40
【问题描述】：

这是我的代码：

<div runat="server" class="slide">
<img src="images/picto_detail.gif" onclick='<%# Eval("CampagneRappelId","hideshow(\"details{0}\")")%>' />
<div id='details<%# Eval("CampagneRappelId")%>' style="display: none;">
        <asp:ImageButton runat="server" ID="DownloadPdf" ImageUrl="~/images/download.png"  />
</div>

JS "hideshow(div)" 是一个简单的函数，例如：

function hideshow(which) {
    if (document.getElementById(which).style.display == "none")
        document.getElementById(which).style.display = 'block';
    else
        document.getElementById(which).style.display = "none"
}

但是我的 asp:ImageButton 有问题。当我单击它时，我有将文件下载到用户计算机的代码，而且当单击按钮时，div“详细信息”关闭并显示：none ...我无法找到为什么。

编辑：我已经测试过这样的东西：

window.onload = function () {
    document.getElementById("DownloadPdf").onclick = function (e) {

        if (e && e.stopPropagation && someCriteriaToStopBubbling === true) {
            e.stopPropagation();
        }
        else if (someCriteriaToStopBubbling === true) {
            e = window.event;
            e.cancelBubble = true;
        }
    }
};

感谢您的帮助。

【问题讨论】：

标签： javascript c# html css

【解决方案1】：

这是您可以使用图像隐藏和显示 div 的方法：

<script type="text/javascript">
    $(function(){
        $('#close').live('click',function(){
            $('#main').show();
            $('#login').hide();
        });
    });
</script>

<div style="float:right;"><a id="close">Close <img src="assets/close.png" /></a></div>

【讨论】：

是的，谢谢，我知道，但是我的隐藏/显示功能还可以。当我单击 asp:ImageButton 时，通常需要留在屏幕上的 div 消失了。在我看来，这是用户单击按钮时的回发。

【解决方案2】：

好的，我为取消 PostBack 做了什么：

<asp:UpdatePanel ID="UpdatePanel" runat="server">
    <ContentTemplate> 
        <asp:ImageButton runat="server" ID="DownloadPdf" ImageUrl="~/images/download.png" />
    </ContentTemplate>
</asp:UpdatePanel>

然后我把 ImageButton 放进去。

【讨论】：