Question

我正在网站上工作。基本上，我的网站上有两个脚本。第一个脚本正在执行得很好。但是，第二个脚本不起作用。

基本上，我想要做的是，如果用户点击按钮，页面上的某些元素会被隐藏，而其他元素则会显示。有问题的元素是表格（不是asp表格）。

这是代码。

<script type="text/javascript">
        function Open_Window()
        {
            window.open("DonationConfirmation.aspx")
        }
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#PayPalButton1").click(function () {
                $("#PayPalTableButton").show();
                $("#DonationsTableButton").hide();
            });
            $("#GoogleButton1").click(function () {
                $("#PayPalTableButton").hide();
                $("#DonationsTableButton").show();
            });            
        });
    </script>

第一个脚本，即函数Open_Window()工作正常。

然而，用jQuery编写的第二个脚本将不起作用。

这是按钮的代码（以图像的形式）和表格。

<asp:Image ID="PayPalButton1" runat="server" ImageUrl="Resources/Icons/PayPal.jpg" onmouseover="this.style.cursor = 'pointer';" Height="65px" Width="130px" />

<asp:Image ID="GoogleButton1" runat="server" ImageUrl="Resources/Icons/Google.jpg" onmouseover="this.style.cursor = 'pointer';" Height="65px" Width="130px" />

<table id="PayPalTableButton" runat="server" style="margin:auto; text-align:center; width:100%;">
                            <tr>
                                <td style="text-align:center; height:60px;">
                                    //Code
                                </td>
                            </tr>
                        </table>

                        <table id="DonationsTableButton" runat="server" style="margin:auto; text-align:center; width:100%;">
                            <tr>
                                <td style="text-align:center; height:60px;">
                                    //Code
                                </td>
                            </tr>
                        </table>

Answer 1

ASP.NET将按钮ID转换为其他内容。

在每个按钮上设置ClientIDMode为Static。

JQuery没有被执行

1 个答案: