0

QR コードを生成し、これらを空の IMG タグにフィードする jQuery 関数があります。コードは完全に機能しますが、唯一の問題は、このコードの生成に数秒かかることです。したがって、基本的には、関数の実行中にカーソルがビジー サインを表示し、生成されたコードが空の img タグに完全に入力されたら通常に戻る必要があります。

私の問題は2つあります。

質問1

マウスをビジー サインに変更できません。次のCSSコードを使用してみましたが、役に立ちませんでした:

$('body').css({'cursor':'wait'});

質問2

QR コードがいつ作成されたかをコードに認識させ、ブラウザを通常の状態に戻すにはどうすればよいですか? これを回避する最善の方法は、チェックを実行してイメージ タグに値が入力されたことを確認し、カーソルを通常の状態に戻すことだと思います。

私は以下のコードを同封しました：

空のイメージ タグ: 

<img id="qr-code-image"  src="" style="vertical-align: middle" />

jQuery 関数: 

 $('#link-types input[type=radio]').click(function() {
  $('#qr-code-image').attr('src', '');
 });

  $('#link-types input[type=radio]').click(function() {

  if (!$("input[class='link-selector-bespoke']").is(':checked')) {
   var url = $('#link-flash').text();
   $('body').css({'cursor':'wait'});
  }
  else
  {
   var url = $('#link-bespoke').text();
  }         
  var encodedvalues  = jQuery.base64Encode(url);

  var imgUrl = '<?= $this->baseUrl() ?>/scripts/qr/t/' + encodedvalues;

 $('#qr-code-image').attr('src', imgUrl);
  $('body').css({'cursor':'default'});
 });
4

1 に答える 1

0

画像の onload イベント コールバック関数を使用します。

$('#qr-code-image').off('load').on('load',function(){
     if(this.complete)
          $('body').css({cursor:'default'});
}).attr('src', imgUrl);
于 2013-07-18T08:57:53.010 に答える