Question

我正在学习jQuery，我想知道为什么我的样式表变量返回未定义。

<head>
    <meta charset=utf-8>
    <title>jQuery Events</title>
    <link rel="stylesheet" href="day.css">  
</head>
<body>

<h1>My Website</h1>


<button data-file="day">Day</button>
<button data-file="night">Night</button>



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

<script>


(function() {

    var link = $('link');

    $('button').on('click', function() {
        var $this = $('this'),
            stylesheet = $this.data('file');

        console.log(stylesheet);

        link.attr('href', stylesheet + '.css');

    });

})();


</script>

我的所有CSS和文件都完美无缺。我似乎无法发现代码标点符号中的任何一般错误。任何帮助将不胜感激！

谢谢。

Answer 1

不要写$('this')，而是写$(this)。

为什么我的变量返回undefined？

1 个答案: