jquery - 单击按钮时切换 CSS 文件

Question

我想通过单击 asp.net 中的按钮来切换页面的 CSS，但不知何故无法做到这一点。我的代码如下:

HTML:

<div>
    <h1>My Website</h1>
    <br/>
    <button>Night Mode</button>
    <button>Day Mode</button>
    </div>

脚本:

<script>
        $(function () {
            $('button').click(function () {

               $('link').attr('href', 'Styles/night.css');
            });

        });
    </script>

标题:

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

 <link  href="Styles/day.css" rel="stylesheet" type="text/css" />

我在 Styles 文件夹中有 2 个 css 文件，分别是 day.css 和 night.css。该页面正在使用 day.css，点击任何按钮时应切换到 night.css。

如果我将 .html 文件和两个 .css 文件放在一个文件夹中，它实际上可以工作。但在 Visual Studio(即 aspx 页面)中，它并没有发生。我尝试了其他 jQuery 代码，如 alert，它工作正常。之后我可以通过使用切换等改进我的代码。

Answer 1

从 Dave Ward 那里得到了答案。我所要做的就是包含 preventDefault() 方法。覆盖表单的默认行为。