如何定义合适的选择器来调用 jquery 函数？

Question

我在一个页面中有两个手风琴（两种形式），它们独立工作（两个 Ajax 调用）。用户可以更改其中之一的内容并保存。我将限制用户，因此每当他们以其中一种形式更改某些内容时，他们必须先保存它们，然后再以另一种形式进行任何更改。（他们不应该在不保存的情况下对两者进行更改）。我使用以下 JS 代码：

$('#accordion1 *').click(function(event){
    if(model.dataChangedInAccordion2){
        // warning modal pops up
    }
});
$('#accordion2 *').click(function(event){
    if(model.dataChangedInAccordion1){
        // warning modal pops up
    }
});

但是点击功能不起作用。谁能告诉我问题出在哪里？选择器会怎样？（每个手风琴中都有很多元素）

Answer 1

如果用户在一个手风琴中进行了修改但决定不保存它们并改为修改另一个手风琴怎么办？我认为您应该将这些手风琴设为只读或不可编辑。然后为每个手风琴添加一个按钮'edit'。这样您就可以控制用户一次只修改一个手风琴。那是 UI 部分

此外，正如我在评论中所说，您不需要添加“*”字符。每当您单击手风琴的子元素时，单击事件的传播将触发 $('#accordion') 单击。那是 Jquery 部分。

-此处演示 https://jsfiddle.net/TCHdevlp/ce81oLwz/

如何定义合适的选择器来调用 jquery 函数？

How to define a proper selector to invoke a jquery function?

jquery

jquery-selectors