동일한 페이지에 여러 jPicker 색상 선택기를 표시 할 수 없습니다.

동일한 웹 페이지에 동일한 유형의 여러 jPicker 인스턴스를 표시하는 데 어려움이 있습니다. 여기동일한 페이지에 여러 jPicker 색상 선택기를 표시 할 수 없습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
    <script type="text/javascript" src="js/jpicker-1.1.6/jpicker-1.1.6.min.js"></script> 
    <link href="js/jpicker-1.1.6/css/jPicker-1.1.6.min.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <div id="testArea"> 
     <script type="text/javascript">    
      $(document).ready(function() { 
       $('#Expandable').jPicker({ 
        window: { 
         expandable: true, 
         alphaSupport: true, 
         position: { 
          x: '40px', 
          y: '0px' 
         } 
        }, 
        images: { 
         clientPath: "js/jpicker-1.1.6/images/" 
        } 
       }); 
      }); 
     </script> 

     <div id="colorSelectors"> 
      <input type="checkbox" value="Hamburgers" checked="yes" /> Hamburgers 
       <span id="Expandable"></span> <br /> 
      <input type="checkbox" value="Hot Dogs" checked="yes" /> Hot Dogs 
       <span id="Expandable"></span> <br /> 
     </div> 
    </div> 
</body> 
</html>

내가 갖는 내용은 다음과 같습니다 : 여기에 몇 가지 예제 코드는

My Sample Web Page

무엇을 나에게 이상한 것은 내가 jPickers의 다른 유형을 사용하는 경우, 내가 같은 여러 인스턴스를 가질 수 있다는 것입니다 페이지가 있지만 각 유형의 인스턴스는 하나뿐입니다. 예를 들어 동일한 페이지에서 '확장형'선택기와 '인라인'선택기를 사용할 수 있지만 같은 페이지에서 2 개의 '인라인'선택기를 사용할 수는 없습니다.

한 가지 예외는 jPickers가 <input> 요소에 바인딩되어있을 때 example on the jPicker website처럼 여러 인스턴스를 사용할 수 있다는 것입니다. 하지만 다른 유형의 선택기에서는이 기능을 사용할 수 없습니다.

출처

2012-06-11 Steph

중복 ID를 가지고 아마 때문에, 클래스 대신

$('.Expandable').jPicker({ 
... 
    <div id="colorSelectors"> 
     <input type="checkbox" value="Hamburgers" checked="yes" /> Hamburgers 
      <span class="Expandable"></span> <br /> 
     <input type="checkbox" value="Hot Dogs" checked="yes" /> Hot Dogs 
      <span class="Expandable"></span> <br /> 
    </div>

출처

2012-06-11 23:58:44 Musa

아를 사용해보십시오, 얼마나 나를 바보. 당신이 올바른지. 도와 주셔서 감사합니다! – Steph

동일한 페이지에 여러 jPicker 색상 선택기를 표시 할 수 없습니다.

답변

관련 문제