插件中使用的javascript代码说明

Question

我有一个这样的javascript。有人能说出.scope.find代码在做什么以及从哪里carousel_elem.data('settings');获取数组吗？我只能data-setting="{"arrow:true,...在 HTML 中看到一个 JSON

var 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&nbsp;settings&nbsp;=&nbsp;carousel_elem.data('settings');HTML 可能如下所示：<div&nbsp;class="lae-carousel"&nbsp;data-settings="{'arrows':&nbsp;true,&nbsp;'dots':&nbsp;'foo',&nbsp;'autoplay':&nbsp;true&nbsp;}"><div>