使用 Jquery 检查是否存在通过局部视图加载的元素

Question

我正在处理 ASP.net mvc 项目并使用部分视图加载一些 html。我想检查 info-cache 元素在加载到主页后是否可用，但我的脚本似乎不起作用。我绝对可以看到部分视图内容已加载到页面上，但脚本似乎没有触发，因为我看不到 'loaded' 消息写入我的控制台。知道我哪里出错了吗？非常感谢。

<!-- partial view content -->
<div class="info-display">
   <input class="info-cache" type="hidden">
   <a href="#" class="info-update">Update</a>
</div>

//Script
$('body').on('load', '.info-cache', function () {
   console.log('loaded');
});

Answer 1

如果你想在某些东西退出时捕获你可以使用 setInterval 来重复一个动作

var timer = setInterval(function () {
  if ($("input.info-cache").length) {
    clearInterval(timer);
    console.log('loaded');
  }
}, 250);//you could adjust the lapse for the next repeat

使用 Jquery 检查是否存在通过局部视图加载的元素

Check if an element loaded via partial view exists using Jquery

jquery

asp.net-mvc-partialview