Jquery slimjet 事件委托不起作用答案

【问题标题】：Jquery slimjet event delegation not workingJquery slimjet 事件委托不起作用
【发布时间】：2019-08-02 07:01:34
【问题描述】：

我又遇到了大问题。首先，我使用 Slimjet Web Browser 和 Tampermonkey for chrome。我不能在脚本$('.class:first') 或$('.class:contains(...)') 等中使用，因为我总是出错

TypeError: V[g].exec 不是函数

有人知道为什么吗？

现在我正在尝试使用特定的类链接添加到 div，单击它后会执行某些操作。我尝试了所有方法，但如果有效，事件只会触发一次......

var collapse1 = $('<center>')
    .html($('<a>')
    .attr('id', 'alli1')
    .attr('href', '#')
    .text("Kliknij tutaj aby rozwinąć opis"));

$('.clan-desc').first().html(collapse1);

$($('.clan-desc').get(0)).on('click', '#alli1', function(event) {
  if ($(this).text() === "Kliknij tutaj aby rozwinąć opis") {
    $('.clan-desc').first().html(alliance_txt1).append(this);
    $(this).text("Kliknij tutaj aby zwinąć opis");
  } else {
    $(this).text("Kliknij tutaj aby rozwinąć opis");
  }
  event.preventDefault();
});

当我这样做时，我遇到了同样的错误。我试图 $($('.clan-desc').first()).on('click', '#alli1', function(event){...}); 要么 $(document).on('click', '#alli1', function(event){...}); 总是同样的错误。

【问题讨论】：

ofc $('.clan-desc') 存在于页面上。有 2 个 div 具有相同的类，没有 id。

标签： javascript jquery events delegation jquery-events

【解决方案1】：

        function handler(event){
            if ($('#alli1').text()==="Kliknij tutaj aby zwinąć opis"){
                $('.clan-desc').first().html('').append(collapse1);
                $('#alli1').text("Kliknij tutaj aby rozwinąć opis");
            }else{
                $('.clan-desc').first().html(alliance_txt1).append(collapse1);
                $('#alli1').text("Kliknij tutaj aby zwinąć opis");
            }
            event.preventDefault();
        }
        var collapse1 = $('<center>').html($('<a>').attr('id', 'alli1').attr('href',    '#').text("Kliknij tutaj aby rozwinąć opis"));
        $('.clan-desc').first().html('').append(function(){
        return collapse1;   
        }).on('click', handler);

我试着做这样的事情。它有效，但我想： .on('click', '#alli1', handler);

【讨论】：