Question

我正在使用jquery菜单，当我点击菜单中的一个链接时我想点击。例如，如果我点击报告链接，我想打开另一个asp.net页面，我该怎么做？这是我的j查询菜单：

 <script type="text/javascript">
      $(function () {
          $("#menu").menu();
      });
  </script>
  <style type="text/css">
  .ui-menu { width: 150px; }
  </style>


 <ul id="menu">  
        <li><a href="#">Report</a></li>
</ul>

所以当我点击“报告”菜单时，我想打开此页面Main_Report.aspx。感谢

Answer 1

你不需要jQuery来为你做这件事。只需将url放在链接的href属性中......

<a href="Main_Report.aspx">Report</a>

如果由于某些无法解释的原因，您需要使用jQuery执行此操作，那么只需在创建菜单后将其放入...

$("#menu").find("a:contains(Report)").attr("href", "Main_Report.aspx");

这将找到包含单词＆＃34; Report＆＃34;的链接标记。并将href属性设置为报告页面。

注意：根据下面的Flater评论，最好有一个类或ID来引用该链接。我使用contains()建议的方式不是最佳的，但可行。

Answer 2

当您使用锚标记<a>时，您可以使用href=''属性：

<ul id="menu">  
    <li><a href="Main_Report.aspx">Report</a></li>
</ul>

或者如果你想要一个js解决方案，那么试试这个：

$('#menu a').click(function(){
    var url = window.location.href;
    var nUrl = url.substr(0, url.lastIndexOf('/')+1);

    window.location.href = nUrl + 'Main_Report.aspx';
});

Answer 3

因为弓箭手说你可以简单地浏览锚标签本身..无论如何这是我的尝试 HTML

<ul id="menu">  
        <li><a href="#">Report</a></li>
</ul>

Jquery的

 $(document).ready(function(){
$("#menu").find('a').click(function(e){
    e.preventDefault();
   window.location.href="youurl.html";
});
});

Answer 4

请使用以下代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
     <script type="text/javascript">
        $(document).ready(function () {
         $("#menu li a:contains(Report)").click(function () {
             if ($(this).attr("href") == "#") {
                 $(this).attr("href", "Main_Report.aspx");
             }
         });
     });
      </script>
       <style type="text/css">
      .ui-menu { width: 150px; }
      </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <ul id="menu">  
            <li><a href="#">Report</a></li>
    </ul>
    </div>
    </form>
</body>
</html>

使用JQuery使href链接可单击

4 个答案: