-1

私はjqueryを初めて使用します。htmlファイルで外部jqueryを使用して表示および画像化する方法を教えてください。

私のhtmlをきれいにして、外部jqueryファイルで画像パスが言及されている場所に画像をロードしたいです。

私のjqueryファイルはこのtestjquery.jsのようになります

 // url to load the image (which i dont know ,whats the code for it)

そして私のhtmlファイルに。

<html>
  <head>
    <script type="text/javascript">
        (function() {
            var test = document.createElement('script');
            test.type = 'text/javascript'; 
            test.async = true;
            test.src = 'testquery.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(test, s);

            test.onload=function(){
                // function to load the external image
            }
         })();
    </script>
  </head>
  <body>
  </body>
</html>

前もって感謝します！

4

4 に答える 4

0

以下を簡単に使用できます。

HTML

<div id="divWhereYouWantAddImage"></div>

Jクエリ

$('#divWhereYouWantAddImage').append("<img src='img.jpg' />");

jquery.append()関数の詳細については、こちらを参照してください。

于 2012-07-12T07:34:17.530 に答える
0

私はあなたが何を意味するのか正確にはわかりません...しかし、邪魔なjQueryを意味していると思います。だからあなたのhtmlはきれいなままです。外部ファイルまたはページの下部に配置できる JavaScript。外部ファイルに入れると、スクリプトタグを削除できます。

<html>
  <head>
    <script src="style.js" type="text/javascript"></script>
  </head>
  <body>
    <div id="image"></div>
  </body>
</html>

そしてstyle.js（同じディレクトリに置くことができます）

  $(document).ready(function(){
    imagePath = 'your_image.png';
    $('#image').html("<img src='" + imagePath + "' />")
  });

html または追加を使用できます。html 関数は、画像 div 全体をクリアし、画像に置き換えます。追加は、それを div に追加して、後で別のものを追加できるようにします。(document).ready 関数は、ドキュメント全体が読み込まれた後に実行されます。

于 2012-07-12T07:30:54.217 に答える
0

あなたの質問は間違っていると思う
ので、これをテストしてください

最初に確実にロードされた Jquery スクリプト ファイル

および div 要素の html を設定します

<div id="imageContainer"></div>

<script>
    $('#imageContainer').html('<img src="/images/test.jpg" />');
</script>
于 2012-07-12T07:31:39.650 に答える
0

以下は、ExternalJSFile.js のファイル コンテンツです。

imageUrl = 'your/img/path.png';

あなたのhtmlファイル

<html>  
</html>

<script src="ExternalJSFile.js" type="text/javascript"></script>

<script type="text/javascript">
 $(document).ready(function(){
     alert(imageUrl);
  });
</script>
于 2012-07-12T07:41:01.777 に答える