2010-05-11 60 views
0

如何发送jQuery中的变量到回调函数?函数(r)的{}如何发送jQuery中的变量到回调函数?函数(r){}

Look at the demo

虽然在演示中,请注意上面菜单的形式可以被序列化。另请注意,点击某个项目上的文件夹图标时(单击左侧的某个类别),然后以这种方式提交表单,则无法对其进行序列化。

我有一个变量,我需要传递给回调函数,如果这就是它的名称;到函数(r){}代码部分。

下面是在标题上方工作的代码。

<?php $moveablecats = mysql_query("SELECT * FROM categories WHERE id != '1' "); ?><form id="changecategoryForm2"><select id="newflex" name="thecatidichose"> <option value=""></option> <?php while($catrow =mysql_fetch_array($moveablecats)){ ?> <option value="<?php echo "$catrow[id]"; ?>"><?php echo "$catrow[title]"; ?> </option><?php } ?></select> </form> <p><tt id="results"></tt></p> 


<script> 
    function showValues() { 
     var str = $("form#changecategoryForm2").serialize(); 
     $("#results").text(str); 
    } 
    $(":checkbox, :radio").click(showValues); 
    $("select").change(showValues); 
    showValues(); 
</script> 

下面是不起作用的代码。我正在使用[jquery警报对话框插件] [2]。 忽略注释掉的行。 当脚本提醒序列化表单时,它是空白的,所以它不起作用。然而它设法显示itemid类别变量。

$(".changecategory").click(function() { 
    <?php $moveablecats = mysql_query("SELECT * FROM categories WHERE id != '1' "); ?> 
var categoryid = $(this).attr("categoryid"); 
var itemid = $(this).attr("itemid"); 
var itemid2 = $(this).attr("itemid"); 
var itemtitle = $(this).attr("itemtitle"); 
var parenttag = $(this).parent().get(0).tagName; 
var removediv = "itemid_" +itemid; 

    jAlert(
     'Which category do you want to move <b>'+itemtitle+ '</b> to?<br><?php $moveablecats = mysql_query("SELECT * FROM categories WHERE id != '1' "); ?><form id="changecategoryForm"><select id="newflex" name="thecatidichose"> <option value=""></option> <?php while($catrow =mysql_fetch_array($moveablecats)){ ?> <option value="<?php echo "$catrow[id]"; ?>"><?php echo "$catrow[title]"; ?> </option><?php } ?></select> </form> <p><tt id="results"></tt></p>','Change category', function(r) { 
     // $(parenttag).fadeOut('slow'); 
     $("#"+removediv).fadeOut('slow'); 

     //var newflex = $("#newflex").val(); 
    //alert(newflex); 

    alert($("#changecategoryForm").serialize()); 
    //alert('categoryid ' + categoryid + ' itemid ' + itemid + '.'); 

    //var dataString = $("#changecategoryForm").serialize(); 
    /* 
    //remember to add validation for blank fields 

    $("#loading4").show(); 
    $("#loading4").fadeIn(400).html('<img src="loading.gif">'); 

    var newrow = "134"; 
    $.ajax({ 
    type: "POST", 
    url: "formcontrols.php", 
    data: dataString, 
    cache: false, 
    success: function(html){ 
    $("#creation4").after(html); 
    $("#loading4").hide(); 
    //$("#newrow").before($('itembeforehere')); 
    } 
    }); 
    */ 
    // 
    return false; 


     jAlert(''+ itemtitle +' has been successfully moved.', 'Success'); 
     } 
    ); 


}); 
+0

你能澄清你的问题吗?理想情况下创建一个很简单的例子,你想做什么?以目前的形式回答这个问题是非常困难的。 – 2010-05-11 12:11:18

+0

你有两种形式,changecategoryForm2和changecategoryForm,或者是一个错字? – 2010-05-11 12:38:41

+0

我有2种形式。 1窗体是屏幕顶部的窗体。另一个,你会看到当你注册到网站,选择一个类别在左边,然后单击一个文件夹图标。 – desbest 2010-05-11 21:11:29

回答

1

我想你可能寻找一个closure,但它真的很难从你的问题告诉。下面是一个封闭的简单例如:

function showLater(msg, delay) { 
    setTimeout(function() { 
     alert(msg); 
    }, delay); 
} 

认为,我们传递给setTimeout为回调函数。当你调用showLater

showLater("Hi there", 2000); 

...它立即返回,但匿名闭包仍然可以访问你给showLater的参数,这样,当它被运行后几秒钟,它可以做“你好”警报。

一个人在处理ajax调用等时会使用闭包,因为默认情况下(和优先)它们是异步的。 (我使用setTimeout模拟了上面的异步性,以保持简单。)

More on closures here