Stackoverflowian の皆さん、
どうかお元気で。私の問題:
動的にロードされた要素の css を変更しようとしています。だから私は ajax 呼び出しを行い、成功すると結果の html を依存する要素に書き込み、完了したら関数を実行します。関数は (それぞれによって) これらすべての要素を通過し、一部の css を変更します。
問題は:
- メソッドの前に権利を設定し、
alert('test')
実行時にすべてクリックすると機能します - コード スニペットは、ff のコンソールにコピーして手動で実行すると機能します
- 行をコメントアウトすると、期待どおりに機能しません
alert('test')
... grmlfx
最初のコード:
function fixRounded()
{
$('img.round').each(function(){
var w = $(this).css('width');
var h = $(this).css('height');
//alert('test');
$(this).parent('div').parent('.imgr').css('background-size',w+' '+h).css('background-position','3px 3px');
$(this).parent('div').parent('div').parent('.imgr').css('background-size',w+' '+h).css('background-position','3px 3px');
});
}
2 番目のコードは次のとおりです。
$.ajax({
type: "POST",
url: "search_ajax.php",
data: dataString,
cache: false,
success: function(html)
{
$('#content').css('display', 'block');
$('span.searchentry').text(searchbox);
$("#searchResult"+what).html(html);
$('#'+what+'-slider').catslider();
roundImg();
},
complete: function()
{
fixRounded();
}
});
私の問題をできるだけわかりやすく説明できれば幸いです。この問題を解決する方法について、正しい方向へのヒントを教えてください。
よろしくお願いします、
エースライン