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

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

另外，正如我在评论中所说，你不需要添加＆＃39; *＆＃39;字符。只要您点击手风琴的子元素，点击事件的传播就会触发$('#accordion')点击。那是Jquery的一部分。

-demo here https://jsfiddle.net/TCHdevlp/ce81oLwz/

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

1 个答案: