2011-12-29 2 views
1

클릭 한 각 테이블 행에 대해 다른 아약스 모달을 열려고합니다. 사람이 올바른 방향으로 날 가리하시기 바랍니다 수 있다면테이블에서 onClickClick 기능을 실행 하시겠습니까?

<p>Click for ajax function</p> 

$("p").click(function() { 

    $.colorbox({href:"ajax.html"}); 

}); 

Here's a running example

나는 것 - 이것이 않지만, 그러나 작동하지 않습니다

<tr onclick="$.colorbox({href:"ajax.html"});"> 
    <td>Hello</td> 
    <td>menu</td> 
    <td>chicken</td> 
</tr> 

그건 : 그래서 이런 짓을 매우 행복 :) :) 모두 감사합니다 :) ^^

+0

colorbox는 jQuery 플러그인입니다. 전통적인 자바 스크립트가 아닌 jQuery 코드를 사용하는 것이 좋습니다 :) 귀하의 웹 사이트는 훌륭합니다! –

+0

감사합니다. 그러나 어떤 웹 사이트가 구체적으로 의미합니까? – pufAmuf

답변

2

jQuery 선택기를 tr 태그로 변경하고 walaa :

$("tr").click(function() { 

    $.colorbox({href:"ajax.html"}); 

}); 

위의 코드를 FireBug JS 콘솔을 통해 사이트에 추가하여 테스트했습니다.

onclick="$.colorbox({href:'ajax.html'});" 

공지 URL을 주위에 작은 따옴표를 :

onclick="$.colorbox({href:"ajax.html"});" 

가 변경해야합니다 :

인라인 코드 문제는 당신이 더 당신이해야보다 더 큰 따옴표를 사용하고 있다는 점이다.

<tr class="" ajax.html"});"="" onclick="$.colorbox({href:"> 
+0

Thanks Jasper, 그러나 최종 테이블은 훨씬 더 커질 것이며 링크는 매일 업데이트 될 MySQL 파일에서 가져올 것입니다. 이것은 내가 html 파일 자체를 항상 업데이트하도록 요구할 것이고 나는 그것을하고 싶지 않다. – pufAmuf

+0

@pufAmuf 다음과 같이'tr' 태그에'data-'속성을 추가 할 수있는 방법은 여러 가지가있다 :'' '그러면 jQuery가 다음과 같이 할 수있다 : $ ('tr'). -url ');});});'. – Jasper

+0

@pufAmuf 다음은'data-attributes'를 사용하는 간단한 데모입니다 : http://jsfiddle.net/AYdam/ – Jasper

관련 문제