Question

我有一个手风琴的结构：

<div class= "accordion">
             <div class = "h3">
                   <div class = 'id'>
                       <span class ="emp_data"><b> Full Name: </b> {FULL NAME} </span> | 
                       <span class ="emp_data" ><b>Employee ID: </b> {ID} </span> | 
                       <span class ="emp_data" ><a class= "assign" href = "../assign.php?sup=000000 " >Assign </a></span>
                   </div>
             </div>
             <div>
                <ul>
                    <li>ITEM 1</li>
                    <li>ITEM 2</li>
                    <li>ITEM 2</li>
                </ul>

             </div>
        </div >

我正在使用以下内容捕获按钮上的点击但不起作用：

$(".accordion a").click(function() {
              window.location = $(this).attr('href');
              return false;
           });

有人可以帮我弄明白为什么它不起作用吗？

Answer 1

为了测试活动，你可以做这样的事情

$(".accordion a").click(function() {
    console.log("clicked");
});

然后您可以看到代码如何工作并解决问题

Answer 2

好吧它被解雇了。我只是发出警报。看到这个 Fiddle

   $(".accordion a").click(function() {
          alert("11111");
          window.location = $(this).attr('href');
          return false;
       });

可能是您网页上存在一些js冲突。

<强>更新

   <div class= "accordion">
         <div class = "h3">
               <div class = 'id'>
                   <span class ="emp_data"><b> Full Name: </b> {FULL NAME} </span> | 
                   <span class ="emp_data" ><b>Employee ID: </b> {ID} </span> | 
                   <span class ="emp_data" ><a class= "assign" href = "javascript:;" onclick="goAnyWhere('../assign.php?sup=000000');">Assign </a></span>
               </div>
         </div>
         <div>
            <ul>
                <li>ITEM 1</li>
                <li>ITEM 2</li>
                <li>ITEM 2</li>
            </ul>

         </div>
    </div>

    function goAnyWhere(hrefs) {
      alert("11111 "+hrefs);
          window.location = hrefs;
          return false;
    }

请参阅此Fiddle。请根据您的要求进行尝试。

手风琴标题中的jQuery UI链接不起作用

2 个答案: