javascript - 当 $(document).ready(

Question

我刚刚注意到当我的 javascript 调用 $(document).ready(function....因此，当我将依赖于 DOM 对象的代码放入文档中时，它找不到 DOM 对象。

Javascript

$(document).ready(function () {
    $('input:radio,select').change(function () {
        DO STUFF...

HTML 助手

@Html.RadioButtonList(m => m.ItemType, new SelectList(Model.ItemTypes, "Name", "Name")

另一个

@Html.DropDownListFor(n => n.ApartmentFloor, new SelectList(Model.ApartmentFloors, "Id", "Floor"), new { @id = "floorsSelect", @class = "exists" })

通常，单选按钮和下拉菜单应该具有 .change 功能，但由于在添加 .change 时它们尚未呈现，因此它们没有获得该功能。

有没有办法让“在 html 助手上准备好”而不是“在文档上准备好”？

编辑:

人们指出 HTML 助手在服务器上运行，在客户端开始呈现之前，因此也应该在此之前完成。情况似乎并非如此，因为当我“在文档准备就绪时”调试 JS 时，HTML 帮助对象尚未呈现，但页面的其余部分已呈现。

所以问题仍然存在，有没有办法向 HTML 帮助对象添加一个“加载时”函数，或者使用 razor 语法直接从 cshtml 文件添加一个“更改”函数？

Answer 1

尝试像这样注册事件，

      $('input:radio,select').on("change" ,function () { }) ;

希望这会有所帮助。