亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

函數沒有在 javascript 中被調用。由 WebPack 打包

函數沒有在 javascript 中被調用。由 WebPack 打包

Cats萌萌 2022-12-02 10:29:29
我正面臨 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
查看完整描述

1 回答

?
喵喵時光機

TA貢獻1846條經驗 獲得超7個贊

在您的代碼上,錯誤是時間,可能是您這樣做太快了。

我的意思是,當你打電話關閉覆蓋時,我可能還沒有上課。

另一種理論是你有不止一個.search-overlay關于尖叫的函數,并且該removeClass函數試圖從另一個元素中刪除一個類。

嘗試在控制臺上執行選擇器以查看您使用此選擇器選擇了多少元素。然后,也嘗試在控制臺上逐步執行您的代碼。


查看完整回答
反對 回復 2022-12-02
  • 1 回答
  • 0 關注
  • 90 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號