jqTransform 아이디 선택기

이 HTML 코드를 참조하십시오 작동하지 않습니다jqTransform 아이디 선택기

<!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" xml:lang="fr" lang="fr"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="Content-Script-Type" content="text/javascript" /> 
    <meta http-equiv="Content-Style-Type" content="text/css" /> 
    <meta name="gmapkey" content="" /> 
    <meta name="description" content="" /> 
    <meta name="keywords" content="" /> 

    <title></title> 

    <link rel="stylesheet" href="jqtransformplugin/jqtransform.css" type="text/css" media="all" /> 
    <link rel="stylesheet" href="demo.css" type="text/css" media="all" /> 

    <script type="text/javascript" src="requiered/jquery.js" ></script> 
    <script type="text/javascript" src="jqtransformplugin/jquery.jqtransform.js" ></script> 
    <script language="javascript"> 
     $(document).ready(function() { 
      $('#abc').jqTransform({imgPath:'jqtransformplugin/img/'}); 
       }); 
    </script> 

</head> 
<body> 

    <form class="formTransform" action="post.php" method="POST"> 
     <div class="rowElem"><label>Input Text:</label><input type="text" name="inputtext"/></div> 
     <div class="rowElem"><label>Input Password:</label><input type="password" /></div> 
     <div class="rowElem"><label>Checkbox: </label><input type="checkbox" name="chbox" id=""></div> 
     <div class="rowElem"><label>Radio :</label> 
      <input type="radio" id="" name="question" value="oui" checked ><label>oui</label> 
      <input type="radio" id="" name="question" value="non" ><label>non</label></div> 
     <div class="rowElem"><label>Textarea :</label> <textarea cols="40" rows="12" name="mytext"></textarea></div> 

     <div class="rowElem"> 
      <label>Select :</label> 
      <select name="select"> 
       <option value="">1&nbsp;</option> 
       <option value="opt1">2&nbsp;</option> 
      </select> 
     </div> 
     <div class="rowElem"> 
      <label>Select Redimentionné :</label> 
      <select name="select2" > 
       <option class ="abc" value="opt1">Big Option test line with more wordssss</option> 
       <option value="opt2">Option 2</option> 
       <option value="opt3">Option 3</option> 
       <option value="opt4">Option 4</option> 
       <option value="opt5">Option 5</option> 
       <option value="opt6">Option 6</option> 
       <option value="opt7">Option 7</option> 
       <option value="opt8">Option 8</option> 
      </select> 
     </div> 

     <div class="rowElem"><label>Submit button:</label><input id="abc" type="submit" value="Envoyer" /></div> 
     <div class="rowElem"><label>Reset button:</label><input type="reset" value="Annuler" /></div> 
     <div class="rowElem"><label>Input button:</label><input type="button" value="bouton" /></div> 

    </form> 

</body> 
</html>

왜

$(document).ready(function() { 
     $('#abc').jqTransform({imgPath:'jqtransformplugin/img/'}); 
      });

이 작동하지 않습니다!
그러나이

$(document).ready(function() { 
     $('.formTransform').jqTransform({imgPath:'jqtransformplugin/img/'}); 
      });

작품!

jquery 선택기의 문제점은 무엇입니까? 사전에

덕분에 플러그인의 코드에서

출처

2012-10-05 MoonLight

:
플러그인 코드 (jcamenisch 7 개월 전 저술). – BoltClock

@BoltClock 나는 단지 내 양식의 일부 버튼을 변형하고 싶지 만 그 모든 HTML 코드는 단지 당신에게 문제를 보여주기위한 것입니다! – MoonLight

나는 그것에 대해 너무 차가워! 왜 효과가 없습니까? – MoonLight

봐, 당신은 아닌 선택과 양식 jqTransform를 호출해야합니다.
BTW는 플러그인이 다음과 같은 것을 알고 있습니다. "프로젝트 포기. 이별 인사하십시오." 당신은 두 개의 완전히 다른 일을 변환하고

$.fn.jqTransform = function (options) { 
var opt = $.extend({}, defaultOptions, options); 

/* each form */ 
return this.each(function() { 
    var $form = $(this); 
    if ($form.hasClass('jqtransformdone')) { 
    return; 
    } 
    $form.addClass('jqtransformdone'); 

    $('input:submit, input:reset, input[type="button"]', this).jqTransInputButton();

출처

2012-10-30 06:45:51

jqTransform 아이디 선택기

답변

관련 문제