2009-11-24 3 views
0

이 코드를 <table> 외부에 넣으면 작동합니다. 그러나비정상적인 동작을 나타내므로 내 HTML이 "유출"됩니까

<script type="text/javascript"> 
$(function(){ 
    $("#stars-wrapper1").stars({ 
     oneVoteOnly: true 
    }); 
}); 
</script> 
<form> 
    <div id="stars-wrapper1"> 
     <input type="radio" name="newrate" value="1" title="Very poor" /> 
     <input type="radio" name="newrate" value="2" title="Poor" /> 
     <input type="radio" name="newrate" value="3" title="Not that bad" /> 
     <input type="radio" name="newrate" value="4" title="Fair" /> 
     <input type="radio" name="newrate" value="5" title="Average" /> 
    </div> 
</form> 

, 나는 그런 다음

<table><tr><td>...</td></tr></table>
안에이 둘 때, 그것은 1 2 3 4 5 사람이 테이블에 어떤 문제가 있는지 알고 있나요 표시됩니다?

<table width="100%" style="border: 0px none ;"> 
    <tbody> 
     <tr> 
     <td style="width: 110px; vertical-align: top;" valign="top" align="right"> 
    <form> 
     <div id="stars-wrapper1"> 
      <input type="radio" name="newrate" value="1" title="Very poor" /> 
      <input type="radio" name="newrate" value="2" title="Poor" /> 
      <input type="radio" name="newrate" value="3" title="Not that bad" /> 
      <input type="radio" name="newrate" value="4" title="Fair" /> 
      <input type="radio" name="newrate" value="5" title="Average" /> 
     </div> 
    </form> 

</td> 
     <td style="padding-left: 20px;" valign="top"><div class="resultItem" style="float: left;"> 
      stutt here 
      </div></td> 
     </tr> 
    </tbody> 
    </table> 

편집 : JQUERY 별점 등급을 사용하고 있습니다. http://orkans-tmp.22web.net/star_rating/index.html#demos

등급으로 5 개의 별을 사용할 수 있습니다.

+1

게시물을 편집 할 수 있습니까? 나는 당신이 탈출 할 필요가있는 HTML 태그를 가지고 있다고 생각한다 : "이 코드를 밖으로 놓으면 ... 작동 할 것이다." –

+0

또한 특정 jQuery 플러그인을 사용하고있는 것처럼 보입니다 (있는 경우). – Jason

+0

JQuery 5 성급 등급 플러그인을 사용하고 있습니다. http://orkans-tmp.22web.net/star_rating/index.html#demos – TIMEX

답변

1

<td> 태그에서 align="right" 제거를 참조하는지 확인합니다. 제목이 링크로 변환되어 항상 나타나지만 일반적으로 보이지 않는 것처럼 보입니다.

align="right"은 링크 텍스트를 어떤 종류의 CSS 스프라이트 아래에 표시합니다.

+0

이것은 맞습니다. 감사 – TIMEX

0

별 이미지를 사용하는 경우 CSS 문제 일 가능성이 큽니다. 테이블에서 입력 내용을 찾을 수 없습니다.

은 CSS가 #stars-wrapper1

+0

하지만 별들은 보여줍니다. – TIMEX

0

HTML을 다시 구조화하는 jquery 스크립트를 사용하는 것처럼 보이므로 페이지가로드 된 후에 실제로 더 이상 입력 필드가 아니라 중첩 된 div가됩니다. 다음과 같은 CSS가 필요합니다.

.ui-stars-star { 
    text-indent: -999em; 
} 

이 플러그인에는 CSS가 포함되어 있습니까? (실제로 사용하는 경우 표에 넣은 후에도 셀렉터가 요소에 적용됩니다.)