Question

我正在使用jQuery的.show（）函数在用户按下删除按钮时显示弹出窗口。

除了一件事，代码完美无缺。这两个按钮出现在div的其余部分之前，并显示文本。有谁知道为什么或者有没有解决这个问题？

HTML（#delete嵌套在别处）

<div id="popupbgitembg">
<ul class="popupbgitems">
        <li>
            Are you sure you want to delete?
        </li> 
        <li></li> 
        <li>
            <asp:Button ID="butdelete" runat="server" Text="Delete" Font-Size="11px"/>
            <asp:Button ID="butcancel" runat="server" Text="Cancel" Font-Size="11px"/>
        </li>
    </ul>
</div>

的jQuery

        function popup() {
            $("#popupbg").animate({ opacity: ".8" });
            $("#delete").click(
            function() {
                $("#popupbg, #popupbgitembg").show('fast')
            });
            $("#butdelete, #butcancel").click(
            function() {
                $("#popupbg, #popupbgitembg").hide('medium')
            });
        }

Answer 1

我的猜测是它与asp控件的按钮有关。为什么不在加载对话框后隐藏按钮并显示它们。

Answer 2

尝试用html按钮替换asp按钮，如果这没有帮助：我不明白#popupbg引用的是什么如果它在那种情况下是嵌套的，只需使用：

//first change

    <li>
        <button type="button" ID="butdelete" runat="server" Text="Delete" Font-Size="11px"/>
        <button type="button" ID="butcancel" runat="server" Text="Cancel" Font-Size="11px"/>
    </li>

//第二次更改

        function() {
            $("#popupbgitembg").show('fast')
        });

Answer 3

在jQuery中使用Asp.net按钮时，必须使用类来访问此元素。例如：

<asp:Button ID="butdelete" calss="butdelete" runat="server" Text="Delete" Font-Size="11px"/>

因为Asp.net，在页面渲染过程中重写元素id！所以元素id改为另一个名字。您可以在页面右键单击中使用“查看页面源”来查看此操作。

<button type="button" ID="butdelete" runat="server" Text="Delete" Font-Size="11px"/>

在这种情况下，您无法访问asp.net中的事件管理器。也许你需要使用事件，但这种方式可能不可能？！

对于英语写作，我很抱歉，我还在学习英语。祝你好运。

.show（）按钮出现在其他所有内容之前

3 个答案: