Question

所以我的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代码是什么导致按钮不起作用。

Answer 1

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

Answer 2

此：

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

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

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

2 个答案: