Tag: jquery mobile

JQuery Mobile Change Page不会加载JS文件

为了更好地组织我们的JQuery Mobile PhoneGap应用程序，我希望能够在新页面上使用标签，并在页面被引入时使用更改页面或其他东西进入JS。 到目前为止，我努力做到这一点并没有产生我想要的东西。 除非我在index.html上包含所有JS文件，然后在PageShow事件处理程序中编写条件逻辑，这不是一个好的解决方案。 有什么想法吗？

jQuery mobile – 关于历史记录的关闭面板

我有一个jQuery移动面板从侧面滑入，它工作得很好。 但是，假设您有一个登录页面，该页面会重定向到带有面板的主页面。 现在，如果用户打开面板，然后单击后退按钮，他希望面板关闭。 但是浏览器会导航回登录页面。 我试过在url上添加一些内容： window.location.hash = “panelOpen”; 但这只是弄乱了jQuery移动历史状态模式。 我也尝试过监听导航事件，并在面板打开时阻止它： $(window).on(‘navigate’, function (e, hans) { var panels = $(‘[data-role=”panel”].ui-panel-open’); if (panels&&panels.length>0) { e.preventDefault(); e.stopPropagation(); $(‘#’ + panels[0].id).panel(‘close’); return false; } }); 这种工作，除了更改url，我不能抓住更改url的事件。 此外，它还会混淆jQuery移动历史模式。 那么人们如何通过jQuery移动面板实现这种预期的’app-like’行为; 打开面板>历史记录>关闭面板。 就是这样。 非常感谢！

我可以在EmberJS上使用JQuery Mobile吗？

我想在我的移动应用程序的前端使用JQuery mobile，但我需要一个JavaScript MVC框架来完成后端集成，我正在考虑使用EmberJS。 是否有这种集成的指南？ 我应该避免任何陷阱？ 作为参考，我最初来自Sencha Touch 2.0背景。

如何在Web API Controller上返回Json对象

我在我的asp.net控制器上使用下面的代码在javascript上返回我的Ajax上的Json对象 public JsonResult myMethod() { // return a Json Object, you could define a new class return Json(new { Success = true, //error Message = “Success” //return exception }); } jQuery的阿贾克斯： $.ajax({ type: “POST”, url: url_ , data: search, success: function(data) { //Show Json Properties from Controller ( If Success == false show exception Message […]

如何创建jQuery Mobile主题

如何创建jQueryMobile主题？ 它最好的方式是覆盖CSS吗？

在另一个原始jquery移动简单对话框上方显示原始jquery移动简单对话框

请参阅附图 在我的页面中，我有主页图标。 当我点击“Home”时，我将通过jQuery mobile简单对话框显示一个对话框。 我成功实现了这一目标 我使用原始html模式简单的dislog（ http://dev.jtsage.com/jQM-SimpleDialog/demos/blank.html ） 当用户在简单对话框中单击确定按钮而没有选中任何复选框时，我想通过jquery移动简单对话框显示警告对话框，如下所示 我想在选择客户对话框上方显示此对话框。 我怎样才能做到这一点。 我试图创建jsfiddle示例，但设计有点难以创建。 当警告对话框出现时，选择客户对话框消失。 请给出任何建议。

在jQuery中冻结表头

我有以下脚本来冻结我的表。 这在屏幕的横向/纵向模式下工作正常，但是当以横向模式加载表并旋转到纵向时，旧clone(fixed header {fix_thead})以相同的宽度驻留。 关于方向改变 jQuery(window).bind(‘orientationchange’, function (e) {CheckInvTableFreeze ();} 我再次调用冻结标头函数来调整冻结标头宽度与新表头。 在再次改变方向时，出现多个冻结标题。 如何根据我的原始表只有一个固定的表头。 var CheckInvTableFreeze = function myfunction() { var CiTable = $(‘#myTable’), CiThead = CiTable.find(‘thead’), fix_thead; CiThead.find(‘th’).each(function () { var el = $(this); el.css(‘width’, el.width()); }); fix_thead = CiThead.clone().hide(); CiThead.after(fix_thead); fix_thead.css( { ‘position’: ‘fixed’, ‘top’: 0, ‘width’: CiThead.width() }); $(document).on(‘scrollstart’, function (e) { if […]

用jquery拖动div来改变div的位置

我正在尝试构建一个网站，用户可以将某些项目（div中的一个项目）拖动到页面上的其他div。 它不是一张桌子左右，只是在页面上的某个地方划分。 使用html5拖放它运行良好，现在我尝试为移动设备执行此操作。 我可以将项目拖动到div，将它们放在那里并阻止这个dropzone，因为只有一个元素应该在dropzone中。 我也可以将这个元素拖到另一个div或页面上的其他地方（如果我犯了一个错误，可放置区域只能在第一次删除div时工作）但是我不能在div中删除另一个现在为空的项目再次。 如何再次启用Dropzone中的丢弃？ 如果一个被拖到另一个div上，是否有可能改变两个div的位置？ 这是我的代码的相关部分： $ (init); function init() { $(“.dragzones”).draggable({ start: handleDragStart, cursor: ‘move’, revert: “invalid”, }); $(“.dropzones”).droppable({ drop: handleDropEvent, tolerance: “touch”, }); } function handleDragStart (event, ui) {} function handleDropEvent (event, ui) { $(this).droppable(‘disable’); ui.draggable.position({of: $(this), my: ‘left top’, at: ‘left top’}); ui.draggable.draggable(‘option’, ‘revert’, “invalid”); } Item 1 Item 2 […]

如何改进Jquery移动应用程序的页面转换？

我在一个HTML页面中创建了一个小型的Jquery Mobile应用程序。 我面临的问题是移动设备中页面转换的性能是可怕的。 在我滑到下一页后，我最终会等待3-4秒，因为页面会发生变化。 我有什么想法可以改进吗？ 这是代码： Multi-page template Page 01 of 05 Please provide these details about the child Child’s Full Name: Child’s Gender: Female Male Other Child’s Ethnic Group or Race: Child’s Birth Date: Child’s Grade in School: Is the Child attending a School? Yes No Please swipe the page to the sides to […]

JQuery Mobile – 用户登录最佳实践

我正在使用JQuery Mobile构建一个移动界面，用于需要用户身份validation的现有Web应用程序，我无法确定实施登录过程的最佳方法。 我不太关心服务器端身份validation，而是如何在用户端实现它。 经过一些实验，似乎选项是： 使用POST \ redirect提交标准表单： -Disable自动ajax with data-ajax=”false” – 用户提交，检查服务器上的凭据，然后在成功时将重定向发送到应用程序，或者在失败时返回登录页面。 使用$.mobile.changePage Ajax方法 – 通过Ajax发送用户名/密码 – 基于响应，使用$.mobile.changePage添加应用程序的$.mobile.changePage或显示错误消息 使用window.location.replace Ajax方法 – 与选项2类似，除了使用window.location.replace添加app的首页 使用POST的Ajax方法; 仅在登录失败时重定向 -Keep ajax启用表单提交。 – 在服务器端，将您的用户身份validationfunction与应用程序的输入页面组合在一起，只有在设置了表单域时才会执行。 – 成功登录后，返回应用程序的首页。 – 登录失败，重定向回登录页面。 – 如果未设置表单值，请检查用户是否已正确登录，然后返回标准输出页面。 如果未登录，请重定向回登录。 一些考虑： – 必须使用POST以避免将登录数据附加到URL – 保持正确的后退按钮function，以便用户友好的导航似乎有点棘手。 – 我希望尽可能轻松地使页面重新加载，使流程尽可能轻松 有任何想法吗？ 编辑： 我找到了第四种方法，这可能是最好的方法。 它避免了POST / redirect方法导致的后退按钮function问题。 如果用户在第一次尝试时进行身份validation，则会在整个时间内保持平滑的页面转换。 如果不是，则在成功登录后将继续保持页面转换流程。 此外，JQM的所有内置error handlingfunction仍然可用。