2

我正在摆弄各种类似于 Zurbs flex 视频的视频大小调整方法,并找到了最简单的选项,对我来说,在 css-tricks 网站上代码如下(在 jQuery 中):


        var $allVideos = $("iframe[src^='http://player.vimeo.com'], iframe[src^='http://www.youtube.com']"),
          $fluidEl = $(".content");
        $allVideos.each(function() {
          $(this).data('aspectRatio', this.height / this.width)
          .removeAttr('height').removeAttr('width');
        });
        $(window).resize(function() {
          var newWidth = $fluidEl.width();
          $allVideos.each(function() {
            var $el = $(this);
            $el.width(newWidth).height(newWidth * $el.data('aspectRatio'));
          });
        }).resize();

jQuery API 非常棒,但是,在这个特定的实例中没有使用其他 jQuery,所以我发现很难证明通过几行代码加载整个 jQuery 库是合理的......是否有任何在线工具可以转换 jQuery到'老派'js?由于我不止一次遇到这个问题,所以我才刚刚开始深入学习 Javascript,因为这些天它似乎需要更多作为先决条件。因此,即使是一些涉及该主题的参考站点也会有很大的帮助。

4

1 回答 1

0

我不知道任何转换工具。但是,如果您对学习 jquery 感兴趣,这里有一个链接会有所帮助。

http://net.tutsplus.com/tutorials/javascript-ajax/15-resources-to-get-you-started-with-jquery-from-scratch/

于 2013-04-21T21:02:55.687 回答