2013-06-17 3 views
1

나는 이것을 fiddle으로 잡았다. 그것은 jquery 컨트롤을 만드는 데있어서 나의 첫 번째 시도이다. 간단하고 별표 등급 관리 만 가능합니다.JQuery 등급을 컨트롤로 바꾼다

$('#someDiv').starRating(); 

을 그리고 그것은 밝혀 졌 별 평가에 DIV :

나는, 내가 전화를 할 수 있도록 컨트롤이 점을 설정 할 수 있어야합니다.

그때 설정 일부 속성 수 있도록하고 싶습니다 :

  1. 빈 스타 소스
  2. 호버 스타 소스
  3. 등급 그래서

(평가 새로운 경우 비워 둡니다) 다음과 같이 보일 것입니다 :

$('#someDiv').starRating({ 
    emptyStarSource : 'http://www.imageland.com/image.png', 
    hoverStarSource : 'http://www.imageland.com/image.png', 
    initialRating : 3 
}); 

옵션을 변경하는 방법에있는 Datepicker와 비슷합니다.

누구나 올바른 방향으로 나를 가리킬 수 있다면 정말 좋을 것입니다!

편집 그래서 나는 내가 가지고 대답의 도움으로 가고 있었다. img 클릭 이벤트가 작동하지 않습니다. 어떻게 든 페이지에 추가 한 후에 클릭 핸들러를 연결해야합니다. 방법? 그 후에 설정을해야합니다.

ratings control

답변

1

당신은 다음

$(".ratings").setRed(); 
+0

사용할 수있는 jQuery를에 플러그인의 구문은 다음과

$.fn.setRed = function(){ return $(this).each(function(){ //this is required for jQuery chaining to work and also if multiple html objects are passed var _obj = $(this); //work on the object here _obj.css("background-color", "red"); }); } 

를 사용하여 작성하려면 당신이 보여줄 수있는 바이올린에? –

+0

코드가 변경되었으므로 프로젝트의 코드를 복사하여 붙여 넣을 수 있습니다. 지정된 셀렉터의 모든 배경을 빨간색으로 설정합니다. – Arun

+0

http://jsfiddle.net/sN58T/ – Arun

관련 문제