Jquery 如何添加一个“；标签照片；开始标记/结束标记的按钮

我正在使用这里找到的照片标记脚本

非常简单的代码

它工作得很好，但始终处于标记启用模式。如何实现“标记照片”按钮，单击该按钮将启用标记，否则将禁用标记。此外，完成标记后，可以单击此按钮关闭标记

---

就像facebook标签一样。

您需要一个

var

，它将切换一个

布尔值，该值最初设置为
假


如果该值为
false
：），则返回图像点击次数

以下是如何做到这一点：

然后添加一个按钮，如：

<button id="startTag">Start tagging</button>

现在，您只需切换
tagEditing
var、按钮文本和图像光标样式：

$('#startTag').click(function(){
   tagEditing = !tagEditing;

   $('#imgtag').css({cursor: tagEditing? 'crosshair' : 'default' });
   $(this).text(tagEditing? 'End tagging':'Start tagging');
});

以及上传：

$('#yourUploadButton').click(function(){

    tagEditing = false;

});

另外，如果var
tagEditing==false
您想将图像光标样式从
crosshair
更改为
default
（在演示中查看如何更改）
？@JosephSilber我应该说我仍在阅读以找出一种方法。@aVC我知道；）谢谢添加了光标技巧。。。看一看，LOL，我很高兴看到它的工作，因此我的评论。我无意说我怀疑你的密码。：）我确实设法添加了光标部分，但非常感谢您的后续操作。@aVC如果您在我编辑之前设法使其正常工作，那就意味着您学习得非常快！为你的工作和快乐的编码竖起大拇指！非常感谢。谢谢你的好话。我正在学习：）当你发布答案时，我印象深刻（不知道为什么）。我无意中发现了你的“关于我”部分（特别是“我对IE的想法”）。我对你的尊重增加了。干杯。我正在为你的网站做书签，以防我需要聘用你。：）
$('#startTag').click(function(){
   tagEditing = !tagEditing;

   $('#imgtag').css({cursor: tagEditing? 'crosshair' : 'default' });
   $(this).text(tagEditing? 'End tagging':'Start tagging');
});

$('#yourUploadButton').click(function(){

    tagEditing = false;

});