0

以下にフォームと 2 つの JavaScript 関数がありますが、コンソールに「$ が定義されています」というエラーが 2 つ表示されます。以下の 2 つのエラーを修正するにはどうすればよいですか (エラーは、行の横に「//err」を含む行にあります。

<body>

<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target' onsubmit='startImageUpload();' class='imageuploadform' >
<p class='imagef1_upload_process' align='center'>Loading...<br/><img src='Images/loader.gif' /><br/></p><p class='imagef1_upload_form' align='center'><br/>
<label>Image File: <input name='fileImage' type='file' class='fileImage' /></label><br/><label class='imagelbl'>(jpg, jpeg, pjpeg, gif, png, tif)</label><br/><br/>
<label><input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label>
<label><input type='button' name='imageClear' class='imageClear' value='Clear File'/></label>
</p> 
<iframe class='upload_target' name='upload_target' src='#' style='width:0;height:0;border:0px;solid;#fff;'></iframe></form>

<script type="text/javascript">
var sourceImageForm; 

function startImageUpload(imageuploadform){
 //err $(imageuploadform).find('.imagef1_upload_process').css('visibility','visible');
  $(imageuploadform).find('.imagef1_upload_form').css('visibility','hidden');
  sourceImageForm = imageuploadform;

      return true;
}

function stopImageUpload(success){
      var result = '';
      if (success == 1){
         result = '<span class="msg">The file was uploaded successfully!</span><br/><br/>';
      }
      else {
         result = '<span class="emsg">There was an error during file upload!</span><br/><br/>';
      }
     //err  $(sourceImageForm).find('.imagef1_upload_process').css('visibility','hidden');
      $(sourceImageForm).find('.imagef1_upload_form').html(result + '<label>Image File: <input name="fileImage" class="fileImage" type="file"/></label><br/><label>(jpg, jpeg, pjpeg, gif, png, tif)</label><br/><br/><label><input type="submit" name="submitImageBtn" class="sbtnimage" value="Upload" /></label><label><input type="button" name="imageClear" class="imageClear" value="Clear File"/></label>');
      $(sourceImageForm).find('.imagef1_upload_form').css('visibility','visible');

      return true;   
}

</script>

</body>
4

3 に答える 3

1

この$変数は で最も頻繁に使用されjQueryますが、あなたのページにはないようです。これはJavaScript の一部ではありません。そのライブラリです。script使用する場合は、タグを付けて含める必要があります。

于 2012-04-12T19:12:10.020 に答える
0

関数の上にjQueryを含めます。また、次のようにページの読み込み時に読み込まれることを確認してください。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" />
$(document).ready(function () {
    // FUNCTIONS GO HERE
});
于 2012-04-12T19:16:33.437 に答える
0

jQuery を使用している場合は、このコードが jQuery を含めた場所の後にあり、document.ready の前に実行されないようにする必要があります。

于 2012-04-12T19:11:42.580 に答える