Javascript JQuery-表单的实时发送?
是否可以使用live()类发送表单 我已经在页面上的各个项目周围动态生成了表单,当单击时,我想提交表单并在fancybox中显示结果。下面是我的代码,它不提交任何内容-Javascript JQuery-表单的实时发送?,javascript,jquery,Javascript,Jquery,是否可以使用live()类发送表单 我已经在页面上的各个项目周围动态生成了表单,当单击时,我想提交表单并在fancybox中显示结果。下面是我的代码,它不提交任何内容- $(document).ready(function() { $.ajax({ type: "GET", url: "code.xml", dataTyp
$(document).ready(function() {
$.ajax({
type: "GET",
url: "code.xml",
dataType: "xml",
success: parseXml,
error: errorMsg,
complete: alldone
});
function alldone() {
setTimeout(function() {
// do stuff
$(function() {
$("#albums_carousel").carouFredSel({
curcular: false,
infinite: false,
auto : false,
prev : {
button : "#prevAlb",
key : "left"
},
next : {
button : "#nextAlb",
key : "right"
},
pagination : "#pagerAlbums"
});
$("#games_carousel").carouFredSel({
curcular: false,
infinite: false,
auto : false,
prev : {
button : "#prevG",
key : "left"
},
next : {
button : "#nextG",
key : "right"
},
pagination : "#pagerGames"
});
$("#tracks_carousel").carouFredSel({
curcular: false,
infinite: false,
auto : false,
prev : {
button : "#prev3",
key : "left"
},
next : {
button : "#next3",
key : "right"
},
pagination : "#pagerTracks"
});
});}, 100);
}
function parseXml(xml)
{
$('.albRow').empty();
$(xml).find("album").each(function()
{
var title = $(this).find('productDescription').text();
var artist = $(this).find('artist').text();
var artwork = $(this).find('artwork').text();
var price = $(this).find('price').text();
var mediaItem = $(this).find('mediaItem').text();
var artwork = $(this).find('artwork').text();
var chargeCode = $(this).find('chargecode').text();
var productCode = $(this).find('productCode').text();
var listItem = $('<li><form action="https://formhandler.net" method="post" id="pfi_form'+mediaItem+'" name="pfi_form" target="thisframe"><input type="hidden" name="transactionRequest" id="pfi_transactionRequest" value="' + chargeCode + '"><input type="hidden" name="productCode" id="pfi_productCode" value="' +productCode+'"><input type="hidden" name="productDescription" id="pfi_productDescription" value="'+title+'"><scr'+"i"+'pt type="text/javascript" src="formFooter.js"> </scr'+"i"+'pt><a id="inline" name="pfi_form'+mediaItem+'" class="overlayLink" href="#data"><img src="'+artwork+'" width="82" height="85" alt="Buy Adele 21" /></a><span class="artist">Adele</span><span class="title">21</a></span><span class="price"><a id="inline" href="#data">£1.60</a> </span></li></form>');
$(".albRow").append(listItem);
});
}
function errorMsg() {
alert("error getting xml feed");
}
});
$('.overlayLink').live('click', function() {
$("a#inline").fancybox({'hideOnContentClick': true});
$.fancybox({
type: "iframe"
})
$("#pfi_form3022158").submit();
})
</script>
$(文档).ready(函数(){
$.ajax({
键入:“获取”,
url:“code.xml”,
数据类型:“xml”,
成功:解析XML,
错误:errorMsg,
完成:全部完成
});
函数alldone(){
setTimeout(函数(){
//做事
$(函数(){
$(“相册旋转木马”)。旋转木马({
克鲁克:错,
无限:错,
汽车:错,
上一页:{
按钮:“prevAlb”,
键:“左”
},
下一个:{
按钮:“下一页”,
关键:“对”
},
分页:“分页”
});
$(“游戏旋转木马”)。旋转木马({
克鲁克:错,
无限:错,
汽车:错,
上一页:{
按钮:“prevG”,
键:“左”
},
下一个:{
按钮:“下一步”,
关键:“对”
},
分页:“分页组织”
});
$(“#轨道旋转木马”)。旋转木马({
克鲁克:错,
无限:错,
汽车:错,
上一页:{
按钮:“prev3”,
键:“左”
},
下一个:{
按钮:“下一步”,
关键:“对”
},
分页:“pagerTracks”
});
});}, 100);
}
函数解析xml(xml)
{
$('.albRow').empty();
$(xml).find(“相册”).each(函数()
{
var title=$(this.find('productDescription').text();
var artist=$(this.find('artist').text();
var artwork=$(this.find('artwork').text();
var price=$(this.find('price').text();
var mediateItem=$(this.find('mediateItem').text();
var artwork=$(this.find('artwork').text();
var chargeCode=$(this).find('chargeCode').text();
var productCode=$(this.find('productCode').text();
var listItem=$(“Adele21 ”);
$(“.albRow”).append(列表项);
});
}
函数errorMsg(){
警报(“获取xml提要时出错”);
}
});
$('.overlylink').live('click',function(){
$(“a#inline”).fancybox({'hideOnContentClick':true});
$.fancybox({
类型:“iframe”
})
$(“pfi表格3022158”)。提交();
})
如果您有任何想法,我们将不胜感激
干杯
Paul我从您的代码中看到,您本可以做到:
$('.overlayLink').live('click', function() {
$("a#inline").fancybox({'hideOnContentClick': true});
$.fancybox({
type: "iframe"
})
$(this).closest('form').submit();
})
这一定是代码的一个很小的片段。我根本没看到表格。您确定表单ID设置正确吗?您可以将变量命名为
formName
,但在jQuery中使用id选择器时,命名对您没有帮助。