小编Rya*_*ieu的帖子

我正在寻找一些脚本的帮助,一次拖动两个图像.我目前有一个脚本,允许我将缩略图图像拖到收集箱中以便稍后保存.但是,我的一些缩略图有一个位于其顶部的图像,以将这些缩略图表示为"未知"植物.我想知道是否有人可以指出我如何将这两个图像绑定在一起以便被拖动.这是我的代码:

$(document).ready(function() {
var limit = 16;
var counter = 0;
$("#mainBin1, #mainBin2, #mainBin3, #mainBin4, #mainBin5, #bin_One_Hd, #bin_Two_Hd, #bin_Three_Hd, #bin_Four_Hd, #bin_Five_Hd").droppable({
    accept: ".selector, .plant_Unknown",
    drop: function(event, ui) {
                counter++;  
        if (counter == limit) {
            $(this).droppable("disable");

        }


            $(this).append($(ui.draggable).clone());


            $("#cbOptions").show();
            $(".item").draggable({
                    containment: "parent",
                    grid: [72,72],
            });
    }
});
$(".selector").draggable({
   helper: "clone",
    revert: "invalid",
    revertDuration: 700,
    opacity: 0.75,
});

 $(".plant_Unknown").draggable({
   helper: "clone",
    revert: "invalid",
    revertDuration: 700,
    opacity: 0.75,
});

});

任何帮助将不胜感激.谢谢.

编辑:网站

我最近创建了一个在所有浏览器中运行良好的原生 Web 组件。我将此 Web 组件移动到 Angular 6 应用程序中，并且一切正常。然后我尝试扩展一个原生 HTML 元素，该元素再次完美运行，除非我将它带入我的 Angular 6 应用程序。

使用 Mozilla 的示例，我将尝试说明我的问题。使用以下尝试扩展本机“p”元素：

// Create a class for the element
class WordCount extends HTMLParagraphElement {
  constructor() {
    // Always call super first in constructor
    super();

    // count words in element's parent element
    var wcParent = this.parentNode;

    function countWords(node){
      var text = node.innerText || node.textContent
      return text.split(/\s+/g).length;
    }

    var count = 'Words: ' + countWords(wcParent);

    // Create a shadow root
    var shadow = this.attachShadow({mode: 'open'});

    // Create text …