gpt4 book ai didi

javascript - Ratchet 的 Push.js 表单提交重新加载页面,弄乱了 Push.js 替换 div

转载 作者:行者123 更新时间:2023-11-28 09:05:09 24 4
gpt4 key购买 nike

我正在使用ratchet.js(及其push.js)开发一个Web应用程序,并且有一个非常基本的问题。我的 CSS 代码将元素定位在一页中的三列中。然后,用户可以单击导航栏按钮转到下一页。一旦进入下一页,用户就可以搜索某些内容。对于搜索,我通过表单处理它并使用 jquery 来检测表单何时提交。但是,提交表单后,页面会重新加载,push.js 会出现故障。当发生这种情况并且用户单击返回第一页时,我的 css 无法正常工作,因为它仍然被第二页的内容 div 包围。我的问题:有没有办法在不重新加载页面的情况下提交表单(jquery 的 event.preventDefault() 不起作用)?如果没有,是否可以使用push.js,然后在转换完成后让页面自行重新加载?

基本代码示例:第 1 页 ----

    <body>
<div class="content">
<div class="sliderBackground" id="sliderContainer" style="background: black; height: 40px; width: 100%;">
<div id="left">random left</div>
<div id="center">random center</div>
<div id="right">random Right</div>
</div>
</div>
</body>

第 2 页

    <body>
<div class="content">
<form id="search">
<input type="search" id="searcher" placeholder="Search" style="width: 95%;">
</form>
</div>
</body>

necessary imports (jquery etc)

<script type="text/javascript">
$("#search").submit(function(event) {
event.preventDefault(); // does not do anything (push.js... reloads page)
});

</script>

为了重申我的问题,用户单击一个链接(基本代码中未显示)以使用push.js转到第2页。在第2页中,他们确定,页面在不应该重新加载的地方重新加载(我正在使用ajax 利用搜索查询等)。当用户返回时,左、中、右 css 不再起作用。

最佳答案

如果您尝试以下操作(以 return false 结束)会怎样:

<script type="text/javascript">
$("#search").submit(function(event) {
event.preventDefault(); // does not do anything (push.js... reloads page)
// your logic here

return false;
});

</script>

关于javascript - Ratchet 的 Push.js 表单提交重新加载页面,弄乱了 Push.js 替换 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17258303/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com