插件中使用的javascript代码说明

Question

我有一个这样的javascript。有人能说出.scope.find代码在做什么以及从哪里carousel_elem.data('settings');获取数组吗？我只能data-setting="{"arrow:true,...在 HTML 中看到一个 JSONvar WidgetLAECarouselHandler = function ($scope, $) {      var carousel_elem = $scope.find('.lae-carousel, .lae-posts-carousel, .lae-gallery-carousel, .lae-services-carousel').eq(0);  if (carousel_elem.length > 0) {        var settings = carousel_elem.data('settings');        var arrows = settings['arrows'];    var dots = settings['dots'];    var autoplay = settings['autoplay'];

Answer 1

$scope可以是传递给函数的节点，并find在您的后代元素中搜索选择器。

carousel_elem是具有属性 as 的函数返回的数组data-setting，您可以通过data函数检索该数组。例如：

var settings = carousel_elem.data('settings');

HTML 可能如下所示：

<div class="lae-carousel" data-settings="{'arrows': true, 'dots': 'foo', 'autoplay': true }"><div>