1

タイトル付きのリストがあります。各行には、カスタム チェック ボックスがあります。チェックボックスをクリックすると、<img>タグのソース属性が変更されます。PC ブラウザでは正常に動作していますが、私の携帯電話では画像が変わりません。

<div class='my-list' onClick='myFunction(this);'>
    <img src='' alt='' />
    <input type='hidden' name='selected' value='0' />
</div>

function myFunction(obj){

    if( $(obj).find('input').val() == '0' ){
        $(obj).find('input').val('1');
        $(obj).find('img').attr('src', 'images/check.gif');
    }
    else{
        $(obj).find('input').val('0');
        $(obj).find('img').attr('src', '');
    }

}

最初のクリックは機能していますが、チェックを外したい場合、画像はまだdivに残ります。前述のとおり、PC ブラウザでは動作していますが、モバイル デバイスではイメージ タグのソースは変更されません。

4

1 に答える 1

2

これを試して：

<div class='my-list'>check box</div>
<img src='http://a.fsdn.com/allura/p/handbrake/icon' id='image' style='display: none;' />


$('.my-list').click(function() {    
  var image = '#image';   
  if($(image).css('display') == 'none') {  
    $(image).show();
  } else {
    $(image).hide();
  }    
});

ここでテストします：http：//jsfiddle.net/MsGtL/

于 2013-02-27T11:53:30.723 に答える