<body>
<a href="link" id="left-link" style="position: fixed; width:0px; height: 100%; "></a>`
<a href="link" id="right-link" style="position: fixed; width: 0px; right: 0px; height: 100%; "></a>
<div id="page-wrap"> .... </div>
<script>
(function( $ ) {
jQuery(window).resize(function(){
var width = jQuery('#page-wrap').css('margin-left');
jQuery('#left-link').css({width: width});
jQuery('#right-link').css({width: width});
});
var width = jQuery('#page-wrap').css('margin-left');
jQuery('#left-link').css({width: width});
jQuery('#right-link').css({width: width});
})(jQuery);
</script>
我创建了这个脚本但是没有在Firefox中玩,我找不到bug。 Chrome和IE播放正确。
答案 0 :(得分:0)
什么是不起作用?
是否应该在调整大小时执行代码?通过在firebug中使用断点来测试它,或者只是在控制台上打印一些东西。顺便说一句。你可以通过像这样写它来使它看起来更好
$(window).on("resize", function() { /* your stuff here */ });
或是否无法调整您尝试操作的两个元素的宽度?在这种情况下,你应该仔细看看你的宽度变量保持什么值,也许它是以某种方式在firefox中计算的。