0

我正在使用 jQuery 和 Foundation 框架。它内置在 Wordpress 主题中，这就是为什么我必须使用"jQuery"而不是简写$外延。

jQuery 在加载页面时调整我的幻灯片大小。但是，如果我调整浏览器窗口的大小，它不会调整大小。我已经尝试了很多东西，但无法让它工作。（边框，单独的功能，不同的语法）。

jQuery( document ).ready(function($) {
    var width = jQuery(window).width(),
        height = jQuery(window).height() - jQuery('.top-bar').height();
    jQuery('.slide').height(height).width(width);
    jQuery('.slide4 > div > img').height(height*.5);

    jQuery(window).resize(function() {
        jQuery('.slide').height(height).width(width);
        jQuery('.slide4 > div > img').height(height*.5);
    });
});
4

1 回答 1

0

您可以将代码放入resize事件中并在页面加载时触发它。您还可以使用 IIF 在代码中使用 $。您绝对应该尝试限制调整大小，但现在这很酷！

// We can use $ inside here...
(function($){

  // When the document is ready this is called...
  $(function(){

    // We'll be using thise more than once!
    var $window = $(window);

    // Whenever a resize event occurs, do this...
    $window.on('resize', function(e){

      var width = $window.width(), 
          height = $window.height() - $('.top-bar').height();

      $('.slide').height(height).width(width);
      $('.slide4 > div > img').height(height*.5);

    // The "trigger" fakes the event on load...
    }).trigger('resize');


  })

})(jQuery); // You're passing jQuery to the IIF, so this is why you can use $ inside.

希望这会有所帮助！

于 2013-08-01T01:19:08.517 回答