这样做的原因是为了涵盖任何可能关闭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()