Javascript 网页上的多个Facebox:单独的事件?
我在一个网页中有两个facebox。但我的问题是两个facebox中的submit按钮,无论我对第一个facebox发出了什么警报,它都会向第二个facebox发出警报 我之所以有两个facebox,是因为我有一个包含两个表单的菜单,然后每个表单都使用facebox 菜单:Javascript 网页上的多个Facebox:单独的事件?,javascript,jquery,ajax,submit,facebox,Javascript,Jquery,Ajax,Submit,Facebox,我在一个网页中有两个facebox。但我的问题是两个facebox中的submit按钮,无论我对第一个facebox发出了什么警报,它都会向第二个facebox发出警报 我之所以有两个facebox,是因为我有一个包含两个表单的菜单,然后每个表单都使用facebox 菜单: 配置播客上传音乐 当我启动提交按钮来配置播客表单时。它将触发一条消息“播客描述已编辑”。然后,当我点击上传音乐中的提交按钮时,在上传音乐表单中显示我的消息之前,配置播客表单中的消息也会显示出来。请帮忙 这是我两张表格的代码:
配置播客上传音乐 当我启动提交按钮来配置播客表单时。它将触发一条消息“播客描述已编辑”。然后,当我点击上传音乐中的提交按钮时,在上传音乐表单中显示我的消息之前,配置播客表单中的消息也会显示出来。请帮忙 这是我两张表格的代码:
<br/>
For upload music:
<br/><br/>
<script>
$(document).ready(function(){
$('#audioFile').uploadify({
'uploader' : 'jquery/js/uploadify/uploadify.swf',
'script' : 'jquery/js/uploadify/uploadify.php',
'cancelImg' : 'jquery/js/uploadify/cancel.png',
'folder' : 'uploaded/podcastUpload/audio',
'fileExt' : '*.mp3',
'method' : 'post',
'fileDesc' : 'MP3 Files',
'onComplete' : function(event, ID, fileObj, response, data) {
$(".close").click();
for (var i=0; i < document.jform.explicit.length; i++)
{
if (document.jform.explicit[i].checked){
var rad_val = document.jform.explicit[i].value;
}
}
var dataString = 'action=PodcastData&jobid=<?=$jobid?>&title=' + $("#title").val() + '&authorName=' + $("#authorName").val() + '&authorEmail=' + $("#authorEmail").val() + '&description=' + $("#description").val() + '&categories=' + $("#categories").val() + '&keywords=' + $("#keywords").val() + '&explicit=' + rad_val + '&fileNameAudio=' + fileObj.name + '&linkAudio=' + fileObj.filePath;
$.ajax({
cache: 'false',
type: "POST",
url: "ajaxfunction.php",
data: dataString,
success: function(msg){
$(".close").click();
alert('File Has been uploaded successfully!');
}
});
}
});
$(".submit").click(function(){
javascript:$('#audioFile').uploadifyUpload($('.uploadifyQueueItem').last().attr('id').replace('audioFile',''));
});
});
<br/><br/><br/><br/><br/><br/><br/>
上传音乐:
$(文档).ready(函数(){
$(“#音频文件”)。上传({
'uploader':'jquery/js/uploadify/uploadify.swf',
'script':'jquery/js/uploadify/uploadify.php',
'cancelImg':'jquery/js/uploadify/cancel.png',
'文件夹':'上载/播客上载/音频',
“fileExt”:“*.mp3”,
'method':'post',
“fileDesc”:“MP3文件”,
“onComplete”:函数(事件、ID、fileObj、响应、数据){
$(“.close”)。单击();
for(var i=0;i
对于配置播客:
<br/><br/>
<script>
$(document).ready(function(){
$('#imageFile').uploadify({
'uploader' : 'jquery/js/uploadify/uploadify.swf',
'script' : 'jquery/js/uploadify/uploadify.php',
'cancelImg' : 'jquery/js/uploadify/cancel.png',
'folder' : 'uploaded/podcastUpload/image',
'fileExt' : '*.jpg;*.gif;*.jpeg',
'fileDesc' : 'Image Files',
'method' : 'post',
'onComplete' : function(event, ID, fileObj, response, data) {
$(".close").click();
}
});
$(".submit").click(function(){
javascript:$('#imageFile').uploadifyUpload($('.uploadifyQueueItem').last().attr('id').replace('imageFile',''));
for (var i=0; i < document.pDescrForm.pExplicit.length; i++)
{
if (document.pDescrForm.pExplicit[i].checked){
var rad_val = document.pDescrForm.pExplicit[i].value;
}
}
var dataString = 'action=newPodcastDescr&jobid=<?=$jobid?>&pTitle=' + $("#pTitle").val() + '&pAuthorName=' + $("#pAuthorName").val() + '&pAuthorEmail=' + $("#pAuthorEmail").val() + '&pDescr=' + $("#pDescr").val() + '&pSubtitle=' + $("#pSubtitle").val() + '&pCopyright=' + $("#pCopyright").val() + '&pExplicit=' + rad_val;
$.ajax({
cache: 'false',
type: "POST",
url: "ajaxfunction.php",
data: dataString,
success: function(msg){
$(".close").click();
alert('New Podcast description has been added');
}
});
});
});
</script>
$(文档).ready(函数(){
$('#imageFile')。上载({
'uploader':'jquery/js/uploadify/uploadify.swf',
'script':'jquery/js/uploadify/uploadify.php',
'cancelImg':'jquery/js/uploadify/cancel.png',
'文件夹':'上载/播客上载/图像',
'fileExt':'*.jpg;*.gif;*.jpeg',
'fileDesc':'Image Files',
'method':'post',
“onComplete”:函数(事件、ID、fileObj、响应、数据){
$(“.close”)。单击();
}
});
$(“.submit”)。单击(函数(){
javascript:$('#imageFile').uploadifyUpload($('.uploadifyQueueItem').last().attr('id').replace('imageFile','');
对于(var i=0;i
在音乐形式代码中查看此代码:
$(".submit").click(function(){ ...
然后在播客表单代码中找到相同的内容。提交按钮与单击事件绑定两次。jQuery选择器找到所有匹配的元素,并将事件绑定到所有元素。如果您第二次绑定事件,jQuery将生成一个事件回调堆栈,并一个接一个地运行它们
更改“提交”按钮的类别(因为您需要唯一的选择器),或者如果您不想破坏css,请添加另一个类别(即音乐和播客),并按如下方式使用它:
$(“.submit.music”)。单击(函数(){。。。
$(“.submit.podcast”)。单击(函数(){
这应该只触发一个回调