调用栈只包含外部代码

Question

我希望当我点击另一个变得可见时。我是用 jQuery 做的，但我不擅长。我写的脚本：

    <script type="text/javascript">
        $(document).ready(function () {
            $('.visiblePanel').on('click', function () {
                $('.invisiblePanel').toggle();
            });
        });
    </script>

我已经完成的布局？#：

Panel visiblePanel = new Panel();
visiblePanel.Style.Add("background-color", "red");
visiblePanel.CssClass = "visiblePanel";
Panel invisiblePanel = new Panel();
invisiblePanel.CssClass = "invisiblePanel";

当然，它没有奏效。但也会出现错误：

没有脚本一切都很好。我试图禁用 Just My Code 并得到了：

真的，我用谷歌搜索了该怎么做，但没有成功。你可以帮帮我吗？

PS 在 jsfiddle.net 上我的脚本正在运行。 http://jsfiddle.net/ZMxg8/

PPS：问题不在脚本中！VS怎么了？？“调用堆栈只包含外部代码”是什么意思？？？

Answer 1

您的代码动态生成Panel但不将它们包含在控件树中。

像这样更新您的代码：

Panel visiblePanel = new Panel();
visiblePanel.Style.Add("background-color", "red");
visiblePanel.CssClass = "visiblePanel";
this.Controls.Add(visiblePanel);

Panel invisiblePanel = new Panel();
invisiblePanel.CssClass = "invisiblePanel";    
this.Controls.Add(visiblePanel);

这应该可以解决问题。

但是，我建议您在 aspx 标记中声明此面板。这将更容易维护。