w3school包含HTML，javascript不工作

所以，我最近使用了w3school-include-html，这样我就不必将同一个div复制粘贴到我的所有页面

首先，我将其用于页眉和页脚，它使用了一些CSS样式，它没有问题，工作非常完美

但是后来，我又尝试在我的下拉导航栏中使用它，它包含一些javascript，HTML包含得很好，但是我放的javascript不起作用！javascript没有什么问题，当我没有使用includeHTML时，它工作得很好。这是密码

$'leftDrop1'。单击，函数{ 如果$'sub1'.css'display'='block'{ $'sub1'。隐藏 }否则{ $sub1.5 } } $'leftDrop2'。单击，函数{ 如果$'sub2'.css'display'='block'{ $'sub2'。隐藏 }否则{ $sub2.5 } }

---

您需要委派事件，因为w3school脚本使用ajax并向dom添加新项

$('body').on('click','#leftDrop1',function() {
  if ($('#sub1').css('display') == 'block') {

    $('#sub1').hide()

  } else {
    $("#sub1").show()
  }
})

$('body').on('click','#leftDrop2',function() {
  if ($('#sub2').css('display') == 'block') {

    $('#sub2').hide()

  } else {
    $("#sub2").show()
  }
})

---

您需要委派事件，因为w3school脚本使用ajax并向dom添加新项

$('body').on('click','#leftDrop1',function() {
  if ($('#sub1').css('display') == 'block') {

    $('#sub1').hide()

  } else {
    $("#sub1").show()
  }
})

$('body').on('click','#leftDrop2',function() {
  if ($('#sub2').css('display') == 'block') {

    $('#sub2').hide()

  } else {
    $("#sub2").show()
  }
})

现在从允许在加载html后回调

w3.includeHTML(function() { 
  $('#leftDrop1').on('click', function() {
    if ($('#sub1').css('display') == 'block') {
      $('#sub1').hide()
    } else {
      $("#sub1").show()
    }
  })
  $('#leftDrop2').on('click', function() {
    if ($('#sub2').css('display') == 'block') {
      $('#sub2').hide()
    } else {
      $("#sub2").show()
    }
  })
});

现在从允许在加载html后回调

w3.includeHTML(function() { 
  $('#leftDrop1').on('click', function() {
    if ($('#sub1').css('display') == 'block') {
      $('#sub1').hide()
    } else {
      $("#sub1").show()
    }
  })
  $('#leftDrop2').on('click', function() {
    if ($('#sub2').css('display') == 'block') {
      $('#sub2').hide()
    } else {
      $("#sub2").show()
    }
  })
});

---

哇，它工作得很好，谢谢你的回答madalin:D PS:我需要再等4分钟才能接受你的回答。我刚刚拒绝了使用切换而不是隐藏和显示的编辑建议，因为切换不能是对ele的实际可见状态不可知的最佳选择@madalin ivascu采用了防弹的方式：嘿，这个解决方案在类似的情况下对我有效，但我想知道如何将它应用到代码行：$'subscribe-button'。addClass'successful'；哇，它工作得很好，谢谢你的回答madalin:D PS:我需要再等4分钟才能接受你的回答。我刚刚拒绝了使用切换而不是隐藏和显示的编辑建议，因为切换不能是对ele的实际可见状态不可知的最佳选择@madalin ivascu采用了防弹的方式：嘿，这个解决方案在类似的情况下对我有效，但我想知道如何将它应用到代码行：$'subscribe-button'。addClass'successful'；