javascript循环中的jQuery函数

Question

我得到了一些div的我正在编辑'jeditable'，这是完美的!现在我想给我的用户一个提醒，询问他们是否真的想编辑这篇文章。

<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery.jeditable.js"></script>
<script type="text/javascript">
$(document).ready(function jeditable() {
    $("div[title='Article']").click (function() {
        var Edit;
        Edit = confirm("Editing article?");
        if (Edit == true) {         
                $('.edit').editable('x2.php', {
                    cancel : 'Cancel',
                    submit : 'OK',
                    onblur: 'ignore',
                    });          
            } else {
                alert("Canceling edit..");
            }
     });      
});
</script>

1)当警报弹出，我取消它，什么也没有发生(预期)。

2)当我在警报中点击"确定"时，也没有发生任何事情。

3)当我点击"确定"一次时，无论我在警报中点击"确定"或"取消"，我的"if"中的功能都有效。

我想只让我的文本编辑后，用户单击"确定"一次。(后来我想使图像可点击，而不是文本本身，但因为抛出相同的错误，我试图先解决这种方式)

请帮帮我。提前感谢

问题仍然存在!我改变了，不让文章本身点击"确认"，而是一些img代替。这样就可以完美地工作，即使有另一种元素，所以触发确认制作。编辑的编辑。找到了解决方法，但仍然对另一种方式的解决方案感兴趣:)

Answer 1

我查看了可编辑库，因此这里是我要做的来实现您的要求

$(document).ready(function()
    $("div[title='Article']").click (function() {
        if (confirm("Editing article?")) {         
                $('.edit').editable('x2.php', {
                    cancel : 'Cancel',
                    submit : 'OK',
                    onblur: 'ignore',
                });         
         }       
    });     
}); 

Answer 2

看起来在else子句末尾缺少一个"}"。如果你看看浏览器的错误控制台，我想你会有一个错误提示。

    if (Edit == true) {         
        $(document).ready(function () {
            $('.edit').editable('x2.php', {
                cancel : 'Cancel',
                submit : 'OK',
                onblur: 'ignore',
                });         
            }); 
        } else {
            alert("Canceling edit..");
        }
     } // <-- add this in
 });      

Answer 3

$(document).ready(function jeditable() {
    $("div[title='Article']").click (function() {
        var Edit;
        Edit = confirm("Editing article?");
        if (Edit == true) {         
            $('.edit').editable('x2.php', {
                cancel : 'Cancel',
                submit : 'OK',
                onblur: 'ignore',
                });      
        } else {
            alert("Canceling edit..");
        }        
    });  //<<< this was closing out the function BEFORE the else.
});

Answer 4

你不需要"$(document) "。if之后的"函数"

 $(document).ready(function jeditable() {
    $("div[title='Article']").click (function() {
        var Edit;
        Edit = confirm("Editing article?");
        if (Edit == true) {         
            $('.edit').editable('x2.php', {
                cancel : 'Cancel',
                submit : 'OK',
                onblur: 'ignore',
            }); 
        } else {
            alert("Canceling edit..");
        }
    });
});