插件中使用的 javascript 代码的说明

Question

我有一个 javascript 这样的。有人能说出 .scope.find 执行的代码是什么以及 carousel_elem.data('settings'); 从哪里获取数组吗？我只能在 HTML

中看到 JSON data-setting="{"arrow:true,...

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是属性为data-setting的函数返回的数组，可以通过data函数获取。例如：

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

HTML 可能看起来像这样：

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

插件中使用的 javascript 代码的说明

Explanation for javascript code used in the plugin

javascript

jquery

elementor