Question

我在一个页面上有八个以上的模态，每个模式都有一个唯一的CSS ID。我只使用一个模态时使用以下javascript，但它并没有针对每个CSS ID。我不知道多少javascript，我想知道如何使用计数器变量动态定位每个模态。

import sys
arg = sys.argv[3]
def f():
    return 3

def test_function():
    assert f() == arg

Answer 1

function openModal(id) {
  var button = document.getElementsByClassName('fsc-modal-button')[0];
  var modal = document.getElementById('fsc-modal-' + id);
  var span = document.getElementsByClassName('fsc-modal-close')[0];

  button.onclick = function() {
     modal.style.display = "block";
  }

  span.onclick = function() {
   modal.style.display = "none";
  }

  window.onclick = function(event) {
  if (event.target == modal) {
     modal.style.display = "none";
  }
 }
}

您可以将您的功能称为openModal(1)，依此类推。

在一个页面上使用增量CSS ID的多个模态

1 个答案: