Javascript JQuery-表单的实时发送?

Javascript JQuery-表单的实时发送?,javascript,jquery,Javascript,Jquery,是否可以使用live()类发送表单 我已经在页面上的各个项目周围动态生成了表单,当单击时,我想提交表单并在fancybox中显示结果。下面是我的代码,它不提交任何内容- $(document).ready(function() { $.ajax({ type: "GET", url: "code.xml", dataTyp

是否可以使用live()类发送表单

我已经在页面上的各个项目周围动态生成了表单,当单击时,我想提交表单并在fancybox中显示结果。下面是我的代码,它不提交任何内容-

                $(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选择器时,命名对您没有帮助。