2012-02-27 6 views
1

나는 jquery.rating.js 플러그인을 사용하고 있으며 클릭 한 값의 값을 보여주는 litle 함수를 작성했지만 마우스 오버시에도 값을 표시하려고합니다.jQuery rating - 호버에서 선택한 값을 표시하는 방법?

$(document).ready(function() { 
if($('.star-rating-on')) { 
    $('.star-rating-on a').live('click', function() { 
     var note1 = $('.star-rating-on a:last').attr('title'); 
     $('#i-choose').html(note1 +'.0'); 
    }); 
} else { 
    $('.star-rating-hover a:last').live('hover', function() { 
     var note = $('.star-rating-hover a:last').attr('title'); 
     $('#i-choose').html(note +'.0'); 
    }); 
} 
}) 

html로

<input type="radio" class="star required" value="1" name="rating" /> 
<input type="radio" class="star required" value="2" name="rating" /> 
<input type="radio" class="star required" value="3" name="rating" /> 
<input type="radio" class="star required" value="4" name="rating" /> 
<input type="radio" class="star required" value="5" name="rating" /> 
<div id="i-choose">Your rate</div> 

첫 번째 문제 : 호버에 값을 표시하지 않습니다. 두 번째 문제 : 우연히 입력 커서를 가리키면 이전에 선택한 값 표시.

+0

질문에 혼란 스럽습니다. 당신의 문법이 너무 잘 시작되고 말도 안되는 것을 끝내기 위해서 꼬리를 자르기 때문에 가능성이 가장 높습니다. 좀 더 설명해주세요. – musefan

+0

http://api.jquery.com/on/ – mindandmedia

+0

에 대한 라이브가 더 이상 사용되지 않습니다. jQ 1.7.1에서 작동하지 않습니다 .on()이 허용되지 않습니다. – arclite

답변

1

뭔가를 잘못 이해했거나 마우스 오버 텍스트의 스타일을 지정하지 않는 한 마우스 오버 기능에 jQuery를 사용할 필요가 없습니다.

입력에 title="1"을 추가하면 입력 한 툴팁에 1이 표시됩니다.

+0

감사합니다. :) – arclite

+0

니스! 도움이된다면이 대답을 받아 들여야합니다. 그렇지 않으면 자신이 한 대답을 쓰고 받아들입니다 =) – Niklas