我正面临 JS 函数的问题。我可以打开搜索栏,但是当我尝试关闭它时。代码没有被触发(我的第一个事件被调用但之后的任何事情都没有被调用/触发)
我正在使用 WebPack,它将 javascript 捆绑到一个 bundle.js 文件中
编码
html文件
<div class="search-overlay">
<div class="search-overlay__top">
<div class="container">
<i class="fa fa-search search-overlay__icon" aria-hidden="true"></i>
<input type="text" name="" class="search-term " id="" placeholder="What are you looking for">
<i class="fa fa-window-close search-overlay__icon" aria-hidden="true"></i>
</div>
</div>
</div>
js文件
import $ from 'jquery';
class Search {
constructor() {
this.openScreen = $(".js-search-trigger");
this.closeScreen = $(".search__close");
this.searchOverlay = $(".search-overlay");
this.events();
}
// 2. Events
events() {
this.openScreen.on("click", this.openOverlay.bind(this));
this.closeScreen.on("click", this.closeOverlay.bind(this));
}
// 3. Methods
openOverlay() {
this.searchOverlay.addClass("search-overlay--active");
$("body").addClass("body-no-scroll");
}
closeOverlay(){
this.searchOverlay.removeClass("search-overlay--active");
$("body").removeClass("body-no-scroll");
}
}
export default Search
喵喵时光机
请问自定义菜单的函数在哪里被调用的 没看到老师有调用函数啊
JavaScript中函数的调用
shop.go中定义的init()函数什么时候被调用
请问函数factorial如何被调用的?
相关分类