JavaScript 问题和 IE(style.display 属性)

Question

下面的代码用于触发替代产品代码。它隐藏原始 SKU 代码并显示替代代码。它可以在所有设备上完美运行，除了可怕的浏览器 IE。

 var togglename = function() {
  var mydiv = document.getElementById('nappi');
  if (mydiv.style.display = "initial" || mydiv.style.display = "")
    mydiv.style.display = 'none';
  else
    mydiv.style.display = 'initial'
  }

    var togglecode = function() {
  var mydiv = document.getElementsByClassName('nappi2');
 if($(mydiv).hasClass('visNappi'))
   $('.nappi2').removeClass('visNappi');
  else
$('.nappi2').addClass('visNappi');
  }
  function toggle(){
    togglename();
    togglecode();
}

代码由按钮触发

<button id="switch1" name="switch1" onclick="toggle();" >Show / Hide</button> 

此按钮基本上隐藏并向表字段添加一个单独的键。

Answer 1

您的代码应该是:

function toggle(){
   $('#nappi').toggle();
   $('.nappi2').toggleClass('visNappi');
}

并且您应该使用相关的 jQuery 方法绑定(bind)点击事件:

$(function(){
    $('#switch1').on('click', toggle); // do you really need referenced method here?!
});