我正面臨 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 中被調用。由 WebPack 打包
Cats萌萌
2022-12-02 10:29:29