Question

我创建了一个模态来显示pdf内容。当我在html上创建新信息时，我的模式不起作用

const openModal = function(e) {
  e.preventDefault()
  modal = document.querySelector(e.target.getAttribute('href'))
  console.log(modal)
  focusables = Array.from(modal.querySelectorAll(focusableSelector))
  modal.style.display = null
  modal.removeAttribute('aria-hidden')
  modal.setAttribute('aria-modal', 'true')
  modal.addEventListener('click', closeModal)
  modal.querySelector('.js-modal-close').addEventListener('click', closeModal)
  modal.querySelector('.js-modal-stop').addEventListener('click', stopPropagation)
}

<a href="#modale1" class="js-modal">XXXXXXXX
<svg>
<rect></rect>
</svg>
</a>
<aside id="modale1" class="modal" aria-hidden="true" role="dialog" style="display: none;">
  <div class="modal-wrapper js-modal-stop">
    <button class="js-modal-close">Fermer cette fenêtre</button>
    <iframe src="XXXX" width="100%" height="100%"></iframe>
  </div>
</aside>

当我在HTML中放入svg和rect来创建矩形和某些样式时，我的模态将不起作用。

由于某些原因，getAttribute'href'为空...

您有一些解决该问题的想法吗？ T

谢谢

无法读取HTMLAnchorElement.openModal的null属性'querySelectorAll'

0 个答案: