Question

我有以下html

<!doctype html>
<html lang="en">
<head>
    <title>Service Catalog</title>
</head>
<body>

<div class="pure-menu pure-menu-open pure-menu-horizontal">
<ul id="list">
    <li id="view1"><a href="#view1">All Services</a></li>
    <li id="view2"><a href="#view2">Top 15</a></li>
 </ul>

...

jquery的：

$('ul li').click(function(e) 
    { 
       var tab;
       tab = $(this).attr('id');  
       selectTab(tab);
       buildTable(tab);
    });

当我点击标签时，href会附加到窗口的标题上。例如：

如果我多次点击标签，标题就会喜欢这个服务目录＃view2＃view2＃view1。

如何阻止这种情况发生？

Answer 1

在事件处理程序中使用e.preventDefault（）。

Answer 2

添加e.preventDefault()或return false;

 $('ul li').click(function(e) 
{ 
   var tab;
   tab = $(this).attr('id');  
   selectTab(tab);
   buildTable(tab);
   return false;
});

标签文本附加到网站标题

2 个答案: