我有一个棱角分明的项目。 我使用了一个模板来构建它,并且模板中有很多javascript,特别是它有许多使用javascript的类。 在我的组件之一中,我有此html代码
<button class="how-pos3 hov3 trans-04 js-hide-modal1">
<img src="../../../assets/images/icons/icon-close.png" alt="CLOSE">
</button>
这是模式的一部分,为了使其正常工作,我将javascript文件添加到资产文件夹中,并且还在index.html文件中为每个脚本添加了脚本标签。
(function ($) {
"use strict";
/*[ Show modal1 ]*/
$('.js-show-modal1').on('click',function(e){
console.log("close");
e.preventDefault();
$('.js-modal1').addClass('show-modal1');
});
$('.js-hide-modal1').on('click',function(){
console.log("open");
$('.js-modal1').removeClass('show-modal1');
});
})(jQuery);
这是一个javascript文件,此代码假定每次我按html代码中的按钮时都会影响模式,但是当我按此按钮时,什么也没有发生。此外,我在控制台中检查是否正在打印行console.log("open");
,并且在我按下按钮时没有看到任何输出可能表明该功能未执行。
你知道我该怎么解决吗?