Jquery 将级联函数绑定到DOM中尚未包含的元素

如何将级联函数绑定到DOM中尚未包含的元素：

(function ($) {
    $.fn.cascade = function (options) {
        var defaults = {};
        var opts = $.extend(defaults, options);

     // REST OF THE CODE NOT IMPORTANT FOR THE QUESTION //

    };
})(jQuery);

将加载的Partialview将具有：

@Html.DisplayNameFor(m => m.PTDistrict_Id)
@Html.DropDownListFor(m => m.PTDistrict_Id, Model.PTDistrictList, HeelpResources.PTDistrictViewDropDownListFirstRecord, new { id = "districtDropdown" })
@Html.ValidationMessageFor(m => m.PTDistrict_Id)

我试过这个，但运气不好：

$(document).on("change", "#districtDropdown", function () {
    $.cascade({
        url: "/Address/ListCouncilByDistrict",
        paramName: "districtId",
        firstOption: 'Selecione o Concelho...',
        childSelect: $("#councilDropdown")
    });
});

有什么想法吗？谢谢。

就像那样

$(document).on("change", "#districtDropdown", function () {
    $(this).cascade({
      ...
    });
});

---

你就是做不到。句号

但您可以使用事件处理程序。正如它的描述所说：

为与当前事件匹配的所有元素附加事件处理程序 选择器，现在和未来

---

类似这样的事情可能适合您的情况：

<select>
    <option class="event" data-action="Cascade" data-someParameter="fooBar">Foo</option>
</select>  
    <script>

    var Event = {
      Cascade: function(ele){
      //enter your actual cascade function.
         alert(ele.attr("data-someParameter")); //alerts "123"
      };
    };

    $(".event").on("click",function(){
       var ele = $(this);
       Event[ele.attr("data-action")](ele);
    });

    </script>

福
var事件={
级联：函数（ele）{
//输入实际的级联函数。
警报（ele.attr（“datasomeparameter”）；//警报“123”
};
};
$（“.event”）。在（“单击”，函数（）{
var ele=$（本）；
事件[ele.attr（“数据操作”）]（ele）；
});

你不能。你必须在点击等事件后绑定它，或者在ajax请求完成后绑定它。至少在投票时，不管你是谁，都要友好地解释一下，因为它看起来像是一个黑洞，就像那样。嗨，谢谢。我如何调整razor的代码：@Html.DropDownListFor（model=>model.PTCouncil_Id，model.ptcouncilist，new{Id=“councilDropdown”}）？