0

任何人都可以帮我解决这个问题。

我正在使用 jquery 调整一些 Flash 对象/嵌入代码的大小以适应浏览器窗口。请参阅下面的 HTML。

HTML

<div id="prezi">

     <object id="prezi_3453246342644353463435463456435" width="1000" height="800">

          <embed width="1000" height="800" ></embed>

     </object>

</div>

JQUERY（这个工作）

function preziresize() {

    var $objectId =       $('#prezi_3453246342644353463435463456435'),
        $objectEmbed =    $objectId.find('embed'),
        windowWidth =     $(window).width(),
        windowHeight =    $(window).height();

        $objectId.attr( 'height' , windowHeight ).attr( 'width' , windowWidth );

        $objectEmbed.attr( 'height' , windowHeight ).attr( 'width' , windowWidth ); 

}

$(document).ready(function() {

    preziresize();

});

$(window).resize(function() {

    preziresize();

});


我的问题

但是上面脚本的缺点是我必须手动将对象的 ID 放入我的脚本中。:(

在我不起作用的新脚本上，我试图自动获取对象的 id，并将其分配为变量。请在下面查看我的功能。

function preziresize() {

    var $objectId =     $('#prezi').attr( 'id' ),
        $objectEmbed =  $objectId.find('embed'),
        windowWidth =   $(window).width(),
        windowHeight =  $(window).height();

        $objectId.attr( 'height' , windowHeight ).attr( 'width' , windowWidth );

        $objectEmbed.attr( 'height' , windowHeight ).attr( 'width' , windowWidth ); 

}


任何指针都会非常感谢。

乔什

4

3 回答 3

3

编辑：你也应该在调整大小时更好地执行它。

$(window).bind("resize.preziresize", function() {
   $('div#prezi object')
       .find('embed')
       .andSelf()
       .attr( 'height' , $(window).height() )
       .attr( 'width' , $(window).width() );
}).trigger("resize.preziresize");
于 2012-04-05T10:34:12.617 回答
2 
var $object =     $('#prezi').find("object"),
    $objectEmbed =  $object.find('embed'),
于 2012-04-05T10:34:04.157 回答
-1

这段代码没有多大意义，sinse $("#prezi") 意味着你已经知道它是 id，它是“prezi”。您的代码的另一个问题是 $objectId 是一个字符串而不是 jQuery 对象，因此您不能在其上使用 .find 。尝试这个：

function preziresize() {    
    var $object =       $('#prezi object'),
        $objectId =     $object.attr('id')
        $objectEmbed =  $object.find('embed'),
        windowWidth =   $(window).width(),
        windowHeight =  $(window).height();

        $object.attr( 'height' , windowHeight ).attr( 'width' , windowWidth );
        $objectEmbed.attr( 'height' , windowHeight ).attr( 'width' , windowWidth ); 
}
于 2012-04-05T10:36:57.120 回答