2013-09-24 4 views
0

I имеют следующую структуру для аккордеона:ссылки JQuery UI в заголовке аккордеона не работает

<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; 
      }); 

Может кто-то, пожалуйста, помогите мне понять, почему это не работает?

+0

вы можете сделать скрипку. –

+1

«но не работает» Что значит? Событие уволено или нет ?! –

+0

@ A.Wolff, извините за confusiuon, я имею в виду, что ссылка не доступна для кликов. Thanx –

ответ

0

Для тестирования события работает вы можете сделать что-то вроде этого

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

Затем вы можете увидеть, как работает ваш код и решать проблемы

+0

Правильно, я пробовал это, и консоль не регистрировала событие. ? –

+0

@Mario, то я предлагаю использовать делегирование: '$ (document.body) .on ('click', '. Accordion a', function() {/*...*/});' или set обработчик после того, как аккордеон был инициализирован –

+0

@Mario Есть ли вероятность, что вы нажмете на пробел без ссылки? – Kison

0

Ну это быть fired.I просто поставить предупреждение. Смотрите это Fiddle

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

Может быть, есть некоторые JS конфликт на вашей странице.

UPDATE:

<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 .Try его согласно вашему требованию.

+0

Самое смешное, что это единственный код, который у меня есть на этой странице, кроме аккордеона нет других функций. –

+0

Я отредактировал свой ответ. –

Смежные вопросы