javascript 함수 양식 jquery 호출

Jquery에서 javascript 함수를 사용하는 데 문제가 있습니다. jquery SLIDER에 최대 값과 최소값을 가져 오려고합니다. 도와주세요.javascript 함수 양식 jquery 호출

다음은 마크 업입니다. 여기

$(document).ready(function() {

여기 여기서 슬라이더 기능을 제공

function getMin() 
    { var options =document.getElementById('my_max').childNodes; 
     var min = 999999999; 

      for(var i = 0; i < options.length; i++) { 
         if(options[i].value < min) min = options[i].value; 

      } 
      return min; 

    }

함수 MIN은

function getMax() 
    { 
      var options = document.getElementById('.price_range').childNodes; 
       var min = 999999999; 
       for(var i = 0; i < options.length; i++) { 
        if(options[i].value > max) max = options[i].value; 
       } 
       return max; 
    }

MAX

함수이며, 이는 자바 스크립트 함수

을로부터 최소 및 최대 값을 얻어야

 // Slider 
      $('#slider').slider({ 
          range: true, 
          min: getMin(), 
          max: getMax(), 
          step: 10, // Use this determine the amount of each interval 
        values: [ 20, 40 ], // The default range 
        slide: function(event, ui) { 
         $("#amount").val(ui.values[ 0 ] + " - " + ui.values[ 1 ]); // for input text box 
         $("#my_min").val(ui.values[ 0 ]); // Display and selected the min Price 
         $("#my_max").val(ui.values[ 1 ]); // Display and selected the max Price 
         } 

      }); 
      //For dropdown box 
    $("#my_min").val($("#slider").slider("values", 0)); 
    $("#my_max").val($("#slider").slider("values", 1)); 

     $("select.price_range").change(function() { 
     $myMinValue = $("#my_min option:selected").val(); 
     $myMaxValue = $("#my_max option:selected").val(); 
     //Make changes on the slider itself 
     if($myMinValue <= $myMaxValue) { 
      $("#slider").slider({ 
       values: [$myMinValue, $myMaxValue] 
      }); 
     } else { 
      alert("Invalid Input"); 
     } 
    }); 


     });

여기가 index.html을하지 난 완전히 당신의 문제를 이해 확실

<body> 

    <select id="my_min" class="price_range"> 
    <option value="0">0</option> 
    <option value="10">10</option> 
    <option value="20">20</option> 
    <option value="30">30</option> 
    <option value="40">40</option> 
</select> 
<select id="my_max" class="price_range"> 
    <option value="0">0</option> 
    <option value="10">10</option> 
    <option value="20">20</option> 
    <option value="30">30</option> 
    <option value="40">40</option> 
</select 

    ><!-- Slider --> 
    <h2 class="demoHeaders">Slider</h2> 
    <label for="amount">Price range:</label> 
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">

출처

2012-07-13 Mitja Rogl

임,

그러나 jQuery를 사용하여 함수를 호출하면이 같다에게 있습니다.

$(document).ready(function() { 
    var returnvalue = functionname(); 
});

이게 당신이 원하는 것입니까?

document.getElementById('.price_range')

.price_range는 CSS 선택기입니다 :

출처

2012-07-13 11:26:41 LmC

감사 : –

가 전체 논리를 검토 한 아니, 내가 한 즉시 오류를 지적 할 수있다. getElementById은 문서의 요소 ID를 필요로하므로 선택기를 작동 시키려면 대신 jQuery를 사용하십시오.

출처

2012-07-13 11:26:48 Leonard

왜 jquery를 사용하지 않습니까? $ ('. 가격 범위'). val(); 그리고 네, 당신은 더 나은 1 ID를 사용하여 선택 1 값을 원한다 : $ ('# my_min'). – VDP

완료되었습니다. 내 편집을 참조하십시오. –

javascript 함수 양식 jquery 호출

답변

관련 문제