加载后如何引用js" />

参照weui的路由模式,我创建了type="text/html"模板进行跳转


//html
<script type="text/html" id="tpl_list">...</script>
//跳转
window.location.href = "#list"

我现在能正常引用type="text/html"模板,在tpl_list这个模板里面我需要点击input跳转新的页面

//html
<input id="search_list" type="text">

//js
$("#search_list").bind('keypress', function (event) {
    console.log(event);
    if (event.keyCode == "13") {
        console.log(1);
        window.location.href = "#button"
    }
});

但是js正常写,跳转到tpl_list后,点击input无响应,此时手动刷新网页,点击input才有跳转效果
请问有什么解决办法吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

捶死心动 2022-09-18 21:41:38

你用DOM操作就必须加载完才能操作,你使用vue就应该把事件绑定到模板的具体元素上

@keyup.enter.native="submit"
submit(){
  window.location.href = "#button"
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文