在資源管理器中，防止默認設置不起作用

Question

單擊li元素后，我想做一些事情而不是重定向。 此代碼可在所有現代瀏覽器中完美運行，但不適用於資源管理器。 在即單擊后它將重定向我。

如果要在資源管理器中使用相同的功能，應該在代碼中添加些什么？

HTML

<li class="activate-modal">
  <a href="/test.com">Some Text</a>
</li>

JS / jQuery的

$(document).ready(function()
{
  showModal();
}

function showModal() {
  $(document).on('click', '[class*="activate-modal"]', openModal);
}

function openModal(e) {
  e.preventDefault ? e.preventDefault() : e.returnValue = false;
  e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;

  //some other code
}

Answer 1

您必須將事件處理程序附加到link而不是li並從鏈接中刪除href網址以停止重定向

   <li>
      <a href="#" class="someClass">Some Text</a>
    </li>


    $(document).ready(function () {
      $(document).on('click', '.someClass', openModal);
    })

    function openModal(e) {
     e.preventDefault ? e.preventDefault() : e.returnValue = false;
      e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;

        alert("show Model")
      //some other code
    }

Answer 2

您可以設置數據目標和數據切換

<li class="someClass">
<a data-toggle="modal" data-target="#showModal" href="#">Some Text</a>
</li>