当我从 #country 中选择一个从 jqtransform so ("div.jqTransformSelectWrapper ul li a") 转换的选项时,ajax 的第一步工作得很好。
这是原始的简化html代码:
<select name="country" id="country"></select>
<span id='province_bloc' class='inline_block'></span>
<span id='ville_bloc' class='inline_block'></span>
这也是 $(function(){}); 中的原始 jquery 代码。
$("div.jqTransformSelectWrapper ul li a").click(function(){
clicked = $(this).parents(".jqTransformSelectWrapper").children("select").attr("id");
alert(clicked);
if(clicked=="country" && isset($("form #province_bloc").attr("id")))
{
loadContent("province","country");
fix_select("#province");
}
if((clicked=="country" || clicked=="province") && isset($("form #ville_bloc").attr("id")))
{
loadContent("ville","province");
fix_select("#ville");
}
});
其他 2 个跨度(#province_bloc、#ville_bloc)也被转换。但是当我尝试点击动态创建的 select into Province_bloc 时,什么也没有发生。
我已经尝试了所有这些(我使用 jquery-1.7.1):
$("div.jqTransformSelectWrapper ul li").delegate('a', 'click', function(){
alert("test");
});
$(document).on("click", "div.jqTransformSelectWrapper ul li a", function(){
alert("test");
});