Question

我正在创建按钮以最小化/恢复/ fulscreen div。我有三个按钮，一个用于分钟，恢复/最大和关闭。关闭工作正常，但最小和恢复按钮表现得很有趣。当我单击恢复时，min按钮变大并且最小化。

<div id='<%= request.getParameter("id") %>' class='window'>
    <div id='header' class='header'>
        <label id='title'><%= request.getParameter("title") %></label>
        <label>
            <button id='restore' onclick='JavaScipt:Minimize<%= request.getParameter("id") %>();'>&#95;</button>
            <button id='restore' onclick='JavaScipt:Restore<%= request.getParameter("id") %>();'>&Dagger;</button>
            <button id='close' onclick='JavaScript:Close<%= request.getParameter("id") %>();'>X</button>
        </label>
    </div>
    <div id='content' class='content'>

    </div>
    <div id='footer' class='footer'>

    </div>
</div>

<script>
function Minimize<%= request.getParameter("id") %>()
{
    if (minimized == false)
    {
        orig_width = $("#<%= request.getParameter("id") %>").width();
        orig_height = $("#<%= request.getParameter("id") %>").height();

        $("#<%= request.getParameter("id") %>").width(200);
        $("#<%= request.getParameter("id") %>").height(30);

        minimized = true;
    }
}

function Restore<%= request.getParameter("id") %>()
{
    if (minimized == true)
    {
        $("#<%= request.getParameter("id") %>").width(orig_width);
        $("#<%= request.getParameter("id") %>").height(orig_height);

        minimized = false;
    }
}

function Close<%= request.getParameter("id") %>()
{
    $("#<%= request.getParameter("id") %>").remove();
    RemoveID(<%= request.getParameter("id") %>);
}
</script>

Answer 1

您的两个按钮具有相同的ID：

<label>
    <button id='resotre' onclick='JavaScipt:Minimize<%= request.getParameter("id") %>();'>&#95;</button>
    <button id='resotre' onclick='JavaScipt:Restore<%= request.getParameter("id") %>();'>&Dagger;</button>
    <button id='close' onclick='JavaScript:Close<%= request.getParameter("id") %>();'>X</button>
</label>

前两个按钮都有id'resotre'。将其中一个更改为“最小化”（遵循当前约定），这应该按照您的预期运行。

<label>
    <button id='minimize' onclick='JavaScipt:Minimize<%= request.getParameter("id") %>();'>&#95;</button>
    <button id='resotre' onclick='JavaScipt:Restore<%= request.getParameter("id") %>();'>&Dagger;</button>
    <button id='close' onclick='JavaScript:Close<%= request.getParameter("id") %>();'>X</button>
</label>

Answer 2

您已为Restore和Minimize按钮指定了相同的html id。在您的文档中，ID应该是唯一的。

Answer 3

问题是将按钮存储在标签中。不知道为什么，但我将其更改为内联块div并修复了它。

        <div class='buttons'>
            <button id='minimize' onclick='JavaScipt:Minimize<%= request.getParameter("id") %>();'>&#95;</button>
            <button id='resotre' onclick='JavaScipt:Restore<%= request.getParameter("id") %>();'>M</button>
            <button id='close' onclick='JavaScript:Close<%= request.getParameter("id") %>();'>X</button>
        </div>

HTML按钮一次单击两个...如何防止

3 个答案: