페이지로드시 프로그래밍 방식으로 jslider 기본 포인터를 설정하는 방법

미스터 해피

여기에 jQuery Slider 플러그인 스크립트를 사용하고 있습니다. HTML 및 JQuery 코드입니다.

HTML :

<div class="main">
    <input id="slider" type="slider" name="price" value="20;50" />
</div>

jQuery :

jQuery("#slider").slider({
    from: 10,
    to: 100,
    step: 10,
    round: 1,
    skin: 'plastic',
    limits: true,
    onstatechange: function (value) {
        console.log(value)
    },
});

이제 내 질문은 아래와 같이 텍스트 상자 값으로 범위 값을 사용하고 싶지 않다는 것입니다.

<input id="slider" type="slider" name="price" value="20;50" />

Jslider 스크립트로 20; 50을로드 할 수 있습니까?

내 jsFiddle : http://jsfiddle.net/1gpqzaw6/1/

어떤 아이디어 나 제안?

감사.

표범

슬라이더를 호출하는 대신

jQuery("#slider").slider({ 
    ...

그것을 다음과 같이 부르십시오

jQuery("#slider").val("30;50").slider({
    ...

이렇게 하면 슬라이더를 시작하기 전에 태그 에서 value속성을 제거하고 <input>프로그래밍 방식으로 값을 설정할 수 있습니다 .

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

KendoSplitter / Angular : 프로그래밍 방식으로 분할기 높이를 설정하는 방법

분류에서Dev

프로그래밍 방식으로 AppDelegate에서 초기 ViewController를 설정하는 방법은 무엇입니까?

분류에서Dev

프로그래밍 방식으로 UITableView의 높이를 설정하는 방법

분류에서Dev

프로그래밍 방식으로 스크롤보기를 만드는 방법

분류에서Dev

프로그래밍 방식으로 Azure Blob 크기를 관리하는 방법

분류에서Dev

프로그래밍 방식으로 LockDrawerMode를 설정하는 방법

분류에서Dev

그리드를 프로그래밍 방식으로 표시하기 위해 페이드 인 / 아웃 애니메이션을 추가하는 방법

분류에서Dev

프로그래밍 방식으로 TableCell Disable 설정하기

분류에서Dev

프로그래밍 방식으로 CardView를 만드는 방법

분류에서Dev

인터페이스 빌더를 사용하는 대신 프로그래밍 방식으로보기 만들기

분류에서Dev

프로그래밍 방식으로 이미지보기의 방향을 설정하는 방법

분류에서Dev

프로그래밍 방식으로 기본 설정에 대한 defaultValue 설정

분류에서Dev

woocommerce는 기본 지불 방법으로 페이팔 신용 카드 양식을 설정하는 필터 추가

분류에서Dev

프로그래밍 방식으로 UIView의 탭 제스처 인식기를 트리거하는 방법

분류에서Dev

프로그래밍 방식으로 NSPopover를 닫는 방법

분류에서Dev

ionic select를 프로그래밍 방식으로 여는 방법

분류에서Dev

내 전화기의 헤드셋 아이콘을 프로그래밍 방식으로 재설정하는 방법

분류에서Dev

UITabBarItem 이미지를로드하지 않는 UITabBarController 하위보기를 프로그래밍 방식으로 생성

분류에서Dev

프로그래밍 방식으로 기본 브라우저 설정 페이지 열기

분류에서Dev

Drupal 7에서 OR 기능이있는 조건부 필드를 프로그래밍 방식으로 설정하는 방법

분류에서Dev

프로그래밍 방식으로 Android에서 기본 색상 설정

분류에서Dev

프로그래밍 방식으로 목록 기본 설정 선택 변경

분류에서Dev

UIWebView-프로그래밍 방식으로 기본 날짜 설정

분류에서Dev

로드시 프로그래밍 방식으로 리본 전환 버튼 설정

분류에서Dev

기본적인 인 애플리케이션 메모리 프로파일 링 프로그래밍 : 생성 된 포인터를 계산하는 방법?

분류에서Dev

프로그래밍 방식으로 "파일 탐색기 기록 지우기"를 실행하는 방법

분류에서Dev

Android : TextView가 프로그래밍 방식으로 굵게 또는 기울임 꼴인지 확인하는 방법

분류에서Dev

프로그래밍 방식으로 Android 화면 크기를 감지하는 방법 (4 가지 표준 크기)?

분류에서Dev

프로그래밍 방식으로 사용자 지정 TAlphaColor를 설정하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    KendoSplitter / Angular : 프로그래밍 방식으로 분할기 높이를 설정하는 방법

  2. 2

    프로그래밍 방식으로 AppDelegate에서 초기 ViewController를 설정하는 방법은 무엇입니까?

  3. 3

    프로그래밍 방식으로 UITableView의 높이를 설정하는 방법

  4. 4

    프로그래밍 방식으로 스크롤보기를 만드는 방법

  5. 5

    프로그래밍 방식으로 Azure Blob 크기를 관리하는 방법

  6. 6

    프로그래밍 방식으로 LockDrawerMode를 설정하는 방법

  7. 7

    그리드를 프로그래밍 방식으로 표시하기 위해 페이드 인 / 아웃 애니메이션을 추가하는 방법

  8. 8

    프로그래밍 방식으로 TableCell Disable 설정하기

  9. 9

    프로그래밍 방식으로 CardView를 만드는 방법

  10. 10

    인터페이스 빌더를 사용하는 대신 프로그래밍 방식으로보기 만들기

  11. 11

    프로그래밍 방식으로 이미지보기의 방향을 설정하는 방법

  12. 12

    프로그래밍 방식으로 기본 설정에 대한 defaultValue 설정

  13. 13

    woocommerce는 기본 지불 방법으로 페이팔 신용 카드 양식을 설정하는 필터 추가

  14. 14

    프로그래밍 방식으로 UIView의 탭 제스처 인식기를 트리거하는 방법

  15. 15

    프로그래밍 방식으로 NSPopover를 닫는 방법

  16. 16

    ionic select를 프로그래밍 방식으로 여는 방법

  17. 17

    내 전화기의 헤드셋 아이콘을 프로그래밍 방식으로 재설정하는 방법

  18. 18

    UITabBarItem 이미지를로드하지 않는 UITabBarController 하위보기를 프로그래밍 방식으로 생성

  19. 19

    프로그래밍 방식으로 기본 브라우저 설정 페이지 열기

  20. 20

    Drupal 7에서 OR 기능이있는 조건부 필드를 프로그래밍 방식으로 설정하는 방법

  21. 21

    프로그래밍 방식으로 Android에서 기본 색상 설정

  22. 22

    프로그래밍 방식으로 목록 기본 설정 선택 변경

  23. 23

    UIWebView-프로그래밍 방식으로 기본 날짜 설정

  24. 24

    로드시 프로그래밍 방식으로 리본 전환 버튼 설정

  25. 25

    기본적인 인 애플리케이션 메모리 프로파일 링 프로그래밍 : 생성 된 포인터를 계산하는 방법?

  26. 26

    프로그래밍 방식으로 "파일 탐색기 기록 지우기"를 실행하는 방법

  27. 27

    Android : TextView가 프로그래밍 방식으로 굵게 또는 기울임 꼴인지 확인하는 방법

  28. 28

    프로그래밍 방식으로 Android 화면 크기를 감지하는 방법 (4 가지 표준 크기)?

  29. 29

    프로그래밍 방식으로 사용자 지정 TAlphaColor를 설정하는 방법은 무엇입니까?

뜨겁다태그

보관