添加弹出式JavaScript后按钮不起作用

时间:2018-03-29 15:25:19

标签: javascript html

所以我的HTML代码上有一个按钮,我已设置隐藏某个内容。然而;当我在代码中添加弹出功能时,它会使按钮无效。

弹出窗口的JS:

$ = function(id) {
return document.getElementById(id);
}

var show = function(id) {
$(id).style.display ='block';
}
var hide = function(id) {
$(id).style.display ='none';
}

隐藏内容按钮的JS:

$(document).ready(function() {
$('#hideshow').click(function() {    
    if ($(this).text() == '▼ VIEW CONFIGURATION ▼') {      
        $(this).html('▲ HIDE CONFIGURATION ▲')
    } else {
        $(this).html('▼ VIEW CONFIGURATION ▼');
    }
    $('#topContainers').slideToggle(400);
  });
});

我无法弄清楚弹出的JS代码是什么导致按钮不起作用。

2 个答案:

答案 0 :(得分:0)

您正在使用使用符号$的jquery库,然后在您的popup.js中覆盖该符号并将其分配给getElementById函数的快捷方式,从而丢失对jquery库的引用。 / p>

答案 1 :(得分:0)

此:

$ = function(id) { return document.getElementById(id); }

覆盖了jQuery方法,因此使用默认$()的代码不再起作用。