引导模式 - 使用具有有效外部 HREF 的锚点切换模式(用于备份)



这样做的原因是为了涵盖任何可能关闭javascript的用户。我们为此开发网页是公司的标准,因为我们的人口统计仍然有他们的VCR闪烁12:00。

我有一个由数据库调用填充的文本链接:

<a href="article.html?aID=123" data-toggle="modal" data-target="#theModal" data-aid="123">Click for Article</a>

常见的用户体验是,用户将单击链接,它将切换显示文章的模式。但是我们希望在用户关闭javascript的情况下加入一个回退,所以当点击链接时,它只会将用户带到文章页面,并通过填充文章ID123来显示加载的动态内容。

目前,在页面上正确加载了 Bootstrap,当用户单击链接时,它只会转到文章页面,而不会切换模式。

我需要向 onClick 事件添加什么方法才能防止发生此点击,但仍切换要显示的模式?

$('[data-toggle="modal"]').on('click', function(e){
     e.stopPropagation();
});

$('[data-toggle="modal"]').on('click', function(e){
     e.preventDefault();
});

正确答案是e.preventDefault()

最新更新