javascript代码不会影响角度分量

时间:2018-08-09 12:04:47

标签: javascript angular angular6

我有一个棱角分明的项目。 我使用了一个模板来构建它,并且模板中有很多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");,并且在我按下按钮时没有看到任何输出可能表明该功能未执行。 你知道我该怎么解决吗?

0 个答案:

没有答案