0

この関数を利用して背景画像を設定しようとしています:

$('#frame').css('background-image','url(floorplans/img/selectors/floorplates-bg/'+floor+'.png)');

ここで、floor は 1 ～ 7 の数値を含む変数です。

Chrome、Safari、および Firefox で動作します。しかしIEでは背景画像を設定していません。.css();IEで動作しますか?

編集:これはスクリプト全体です:

$('#secondary-nav li').click(function(){
    var floor = $(this).attr('id').replace('f','');


    $('#frame').fadeOut(200);
    $('#secondary-nav li').removeClass('current');

    var currentFloor = '';

    setTimeout(function() {
        currentFloor = '#f' + floor;

        $(currentFloor).addClass('current');

        $('.units').css('display','none');

        var image = 'url(floorplans/img/selectors/floorplates-bg/'+floor+'.png)';


        $('#frame').css('background-image', image);


        $('#frame').fadeIn(200);
        $('#floor'+floor).fadeIn(200);
    }, 500);
});

// highlight on mouseover
 $(".units div a").hover(
        function(){
            $('img',this).stop().animate({'opacity':0},200);
         }, 
        function(){
            $('img',this).stop().animate({'opacity':1},200);
         }
 ); 




// display floorplan
$('.units div').each(function(i){
    var floor = $(this).parent().attr('id').replace('floor','');

    var unit = floor + $(this).attr('class').replace('u','');

    var details = $('a',this).attr('title');

    var group = $('a',this).attr('class').replace('i','');


    $(this).click(function(){
        $('#details .info h1').html('Unit '+unit);
        $('#details .info h2').html(details);
        $('#details .info a').attr('href','floorplans/downloads/'+group+'.pdf');
        $('#details .floorplate img').attr('src','floorplans/img/floorplans/floorplates/Unit-'+unit+'.png');
        $('#details .floorplan img').attr('src','floorplans/img/floorplans/'+group+'.png');
    });
    $(this).fancybox({'href':'#details'});
});
4

2 に答える 2

0

toString()関数を変数 floor に追加してみてください。まったく同じ問題を抱えていたときにうまくいきました;-)

于 2014-01-15T21:23:14.547 に答える
0

あなたの問題は本当に予測不可能です。

しかし、以下は私の仮定です：

(1)console.log実稼働 IE を使用する場合は使用しないでください。コンソール オブジェクトは、特定のタブで開発者ツールが開かれている場合にのみ公開されます。

だからあなたを削除しますconsole.log。

(2) 正しいフォルダ パスを参照していますか?

(3) 通常、ファイル パスの先頭には/. そのため、問題が発生する可能性があります。

（4）次のようなものを用意してください。

var imageUrl = 'floorplans/img/selectors/floorplates-bg/'+floor+'.png';   
$('#frame').css('background-image',imageUrl);

この中にあなたの問題が存在することを願っています。

于 2013-07-24T15:47:13.890 に答える