Question

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

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

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

    };
})(jQuery);

将加载的部分视图将包含：

@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")
    });
});

有什么想法吗？感谢。

Answer 1

喜欢那个

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

Answer 2

你无法做到。周期...

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

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

Answer 3

这样的事情可以适合你的情况：

<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>

将Cascade函数绑定到DOM中尚未存在的元素

3 个答案: