我想知道是否有人可以帮助我。
首先,我真诚的道歉,因为我不太精通 JavaScript,有些人可能会觉得这是一个愚蠢的帖子,但任何帮助将不胜感激。
我目前正在使用下面的脚本来删除画廊图像。
<script type="text/javascript">
Galleria.ready(function() {
this.$('thumblink').click();
$(".galleria-image").append(
"<span class='btn-delete ui-icon ui-icon-trash'></span>");
$(".btn-delete").live("click", function(){
var img = $(this).closest(".galleria-image").find("img");
$.msgbox("You are about to delete this image. It cannot be restored at a later date. Do you wish to continue?", {
type: "alert",
buttons : [
{type: "submit", value: "Delete"},
{type: "cancel", value: "Cancel"}
]
},
function(result) {
if(result)
// send the AJAX request
$.ajax({
url : 'delete.php',
type : 'post',
data : { image : img.attr('src'), idnum: "VALUE", lid: "VALUE"},
success : function(){
img.parent().fadeOut('slow');
}
});
});
return false;
});
});
</script>
我现在在这里找到了一个更合适的 jQuery 确认脚本,我现在想尝试实现它。
使用script.js
此站点中的文件和我现有的脚本,我尝试将它们结合起来并提出以下内容:
<script type="text/javascript">
Galleria.ready(function() {
this.$('thumblink').click();
$(".galleria-image").append(
"<span class='btn-delete ui-icon ui-icon-trash'></span>");
$('.btn-delete').click(function(){
var elem = $(this).closest(".galleria-image").find('.item');
$.confirm({
'title' : 'Delete Confirmation',
'message' : 'You are about to delete this item. <br />It cannot be restored at a later time! Continue?',
'buttons' : {
'Yes' : {
'class' : 'blue',
'action': function(){
elem.slideUp();
$.ajax({
url : 'delete.php',
type : 'post',
data : { image : img.attr('src'), idnum: "VALUE", lid: "VALUE"},
success : function(){
img.parent().fadeOut('slow');
}
});
}
},
'No' : {
'class' : 'gray',
'action': function(){} // Nothing to do in this case. You can as well omit the action property.
}
}
}
}
});
});
});
</script>
我遇到的问题是,虽然页面加载,但它没有以默认Gallery
图像格式加载,并且trash icon
我用作删除图像的视觉触发器已在每个图像的底部消失。
我已经进入 JavaScript 控制台,它显示的错误是:Uncaught SyntaxError: Unexpected token }
在我的代码中突出显示这一行作为问题:$.confirm({
但我必须诚实地说我不太确定这意味着什么。
我已经尝试了很多改变代码的变体来尝试让它工作,不幸的是没有成功。
我只是想知道是否有人可以看看这个,并提供一些关于我哪里出错的指导。
非常感谢和亲切的问候
工作解决方案
<script type="text/javascript">
Galleria.ready(function() {
this.$('thumblink').click();
$(".galleria-image").append(
"<span class='btn-delete ui-icon ui-icon-trash'></span>");
$('.btn-delete').click(function(){
var img = $(this).closest(".galleria-image").find('img');
$.confirm({
'title' : 'Delete Confirmation',
'message' : 'You are about to delete this item. <br />It cannot be restored at a later time! Continue?',
'buttons' : {
'Yes' : {
'class' : 'blue',
'action': function(){
//elem.slideUp();
$.ajax({
url : 'delete.php',
type : 'post',
data : { image : img.attr('src'), idnum: "VALUE", lid: "VALUE"},
success : function(){
img.parent().fadeOut('slow');
}
});
}
},
'No' : {
'class' : 'gray',
'action': function(){} // Nothing to do in this case. You can as well omit the action property.
}
}
});
});
});
</script>