gpt4 book ai didi

jquery - jquery mobile 与 jquery 在 codeigniter 中的顺序 - 页面不会加载提交的 View

转载 作者:行者123 更新时间:2023-12-01 03:42:58 25 4
gpt4 key购买 nike

我在这个问题上摸索了一段时间,最后决定隔离这个问题。

所以我有一个显示 View 的 Controller 。该 View 非常基本,带有输入和提交按钮。单击“提交”后,URL 将更改为正在调用的下一个 View ,但实际 View 不会加载到浏览器中。按 f5 可以纠正此问题,但如果没有手动干预, View 永远不会加载。

这似乎是 jquery/jquery ui 和 jquery mobile 的问题,而不是 codeigniter 的问题。

这是我的第一个 View :

<html>
<head>
<title>
Link Orders
</title>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>

</head>
<body>

<form action="/sales/order_linking_complete" method="post">

<input type="text" id="ordernumber" name="ordernumber" />
<input type="submit" value="Link Orders">

</form>
</body>
</html>

这是 Controller :

function order_linking_complete() 
{
$this->load->view('sales/link_order_summary');
}

这是第二个 View :

<?php
echo "test";
?>

<script type="text/javascript">
alert('test');
</script>

如果我采用以下两行

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>

并交换它们

然后它就可以工作,但我不知道为什么。任何解释。

问题是我的完整页眉中有以下内容:

 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<link rel="stylesheet" href="/css/sales.css" />

如果我在这种情况下将 jquery mobile 放在顶部,则不会加载所有正确的格式和布局。

我怎样才能让它正常工作,希望我已经对此进行了充分的解释。如果需要,请询问更多信息。

一如既往地感谢...

最佳答案

要以正常方式在 jQuery Mobile 中成功提交表单,您需要添加附加属性 data-ajax="false",只有这样才会形成表单提交到另一个页面,否则将使用ajax进行表单提交。

在你的情况下,它是:

<form action="/sales/order_linking_complete"  method="post" data-ajax="false>
<input type="text" id="ordernumber" name="ordernumber" />
<input type="submit" value="Link Orders">
</form>

另外,除非您要充分利用 jQuery Mobile 的潜力,否则不要使用它。如果与普通页面混合会出现问题。

关于jquery - jquery mobile 与 jquery 在 codeigniter 中的顺序 - 页面不会加载提交的 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16787211/

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