Tag: jquery mobile

在index.html页面中调用外部HTML页面时页眉和页脚位置不固定？

我在jquery mobile的index.html页面中调用一个外部html页面时遇到页眉和页脚问题。 以下是我遵循的示例代码： 的index.html Single Sample FAQ .. .. main.js $(“header”).attr(“data-position”,”fixed”).attr(“data-tap-toggle”,”false”); $(“footer”).attr(“data-position”,”fixed”).attr(“data-tap-toggle”,”false”); https://stackoverflow.com/questions/10578545/header-footer-positions-not-fixed-when-calling-external-html-page-in-index-htm/sample.html …… .. 在上面的index.html页面中调用“#single”和“#faq”时，页眉和页脚正确显示其位置是否已修复，但是当调用https://stackoverflow.com/questions/10578545/header-footer-positions-not-fixed-when-calling-external-html-page-in-index-htm/sample.html（外部HTML页面）时，页眉和页脚位置未显示在固定职位。 他们在动。

jQuery Mobile和iScroll问题

所以我找到了一个很好的解决方案来解决jquery mobile中iscurl库的固定页眉和页脚问题。 要使iscroll库与jquery mobile一起使用，我正在使用这个第三方脚本： https ： //github.com/yappo/javascript-jquery.mobile.iscroll 一切都适用于我的列表页面（使用jquery移动列表视图）。 我的列表页面是使用ajax动态加载的。 但是，当我创建一个应该滚动的产品详细信息页面时，它根本不起作用。 在某些情况下，我根本无法滚动。 在其他一些情况下，滚动的行为就像橡皮筋效果，它总会让你再次回到顶部。 但是，页眉和页脚导航栏是固定的，我想要它。 所以，这是场景。 我有一个列表页面（滚动），当您单击任何列表项时，您应该在不同的页面上看到产品详细信息。 iscroll在pagebeforeshow事件上触发，您可以在yappo包装器脚本中看到。 这是我的产品详细信息页面的模板。 内容将动态加载并附加到滚动条div。 Back Edit Home My Spot Others Search 这里的任何人都知道我错过了什么，或者你们中的任何人设法获得iscroll与jQuery Mobile完美配合？ 我正在使用jQuery Mobile beta 3和iScroll 3.7.1。 干杯

使用iScroll进行Jquery自动完成

我在jqueryMobile应用程序上使用jQuery Autocomplete。 它完美地运作。 现在我正在尝试使用iScroll.js滚动查找项目列表。 这是我在做什么， 问题是iscroll仅适用于建议框的第一项，因为我无法滚动整个列表。如果我在代码中遗漏任何内容，请帮助我。 请帮我用iScoll来实现这个目的。 我找到了另一种方法，我们可以使用基于自定义触摸的滚动条自动完成框，但是有一个问题是自定义滚动条仅出现在第一次搜索时，当列表刷新时它会从suggastion框中消失，我该如何解决这个问题，因为两者都有在ipad和android中使用我的自动完成function对我来说很好。 如果有人认为这比使用iScroll和jScrollPane有更好的方法，我愿意接受建议。

Jquery Mobile – 我可以在现有布局中使用它吗？

我有一个我非常喜欢的网站模板，但我想使用一些jquery移动function，例如他们的页面过渡。 我可以使用我现有的网站模板和jquery移动框架而不做任何广泛的事情吗？ 当前模板是用html5和jquery一起制作的。 Jquery Mobile Im指的是： http://jquerymobile.com/

我想在回到历史时总是去第一页

我使用HTML5和jquery mobile构建了一个移动应用程序，每次按下后退按钮时我只需要返回第一页。 假设我有这些页面： 主要 产品 搜索 搜索结果 关于 我想说我走了： 主要 – >搜索 – >搜索结果 – >产品，然后我去了关于页面。 回去的时候，历史会是（如果我在关于页面）： 关于 – >产品 – >搜索结果 – >搜索 – >主要 我需要的是每次按回页面而不是浏览历史记录时直接返回主页面。 我试图在最后一对中搜索这个没有任何运气，这阻止我完成我的应用程序。 我试着寻找答案，我来这个代码： jQuery(document).ready(function($) { if (window.history && window.history.pushState) { $(window).on(‘popstate’, function() { var hashLocation = location.hash; var hashSplit = hashLocation.split(“#!/”); var hashName = hashSplit[1]; if (hashName !== ”) […]

jquery移动可折叠小部件样式不工作

我试图在jquery mobile中包含一个可折叠的小部件。 内容是动态的，所以我使用标记来做到这一点，但仅仅是为了说明我已经包含了默认文本。 以下代码不会显示任何窗口小部件，但只显示文本，窗口小部件的样式不会出现。 这是我的javascript description_markup += ‘Description heading’+description+”; $(‘#Desc’).empty().append(description_markup); HTML 当我将Desc div放在内容div之外时，文本显示为黑色背景。 请帮忙

jQuery：克隆点击工作中的输入字段，但无法更改选择框值

当您单击“添加电话”按钮时，我想添加一个由输入字段和选择框组成的新行。 我面临的问题是，当我克隆元素时，它们似乎克隆得很好，但是，选择框似乎不起作用。 我无法将其更改为其他值。 此外，如果填写了值，则在单击“添加”按钮之前，新添加的字段将包含相同的值。 另一个问题是，如果我有两组字段，当我单击“添加电话”按钮时，它将关闭两个字段，并附加两个字段。 所以这是我的问题： 1）如何让克隆的选择框工作 2）如何确保克隆的字段为空 3）我怎样才能一次只克隆1个 我非常感谢你的帮助。 HTML Add Phone Phone Usage Option 1 Option 2 Option 3 jQuery的 $(‘#add-phone-button’).click(function() { $(‘.phone-details #phone-number, .phone-details #phone-type’).clone().appendTo(‘.phone-details:last-child’); }); 演示 http://jsfiddle.net/abLun3fp/1/

jQuery Mobile后退按钮中的图像不会出现

我已经通过jQueryMobile文档的指令将jQueryMobile插件设置到我的博客移动版本中。 和描述页面如下 Against All Odds my title my description 不幸的是，后退按钮中的图像没有出现在我的页面中。 我还将jQuerymobile图像文件夹放入我的项目页面。 我忘记设置有任何配置吗？

更新MVC4 Mobile项目上的所有nuget包之后CSS不起作用

当我使用移动应用程序模板创建新的ASP.NET MVC 4 Web应用程序时，解决方案使用默认代码（当然）构建并运行良好。 Nuget说项目有很多可用的更新。 因此，在更新所有这些（Update All按钮）之后，解决方案继续构建，但是在运行Web应用程序时，CSS被破坏，并且只有计划HTML显示在浏览器中。 为什么在Nuget更新后CSS被破坏了？

在JQuery Mobile中使可折叠集的function响应

我正在设计一款适用于台式机，平板电脑和手机的应用。 我有一些可折叠的内容，我希望在桌面浏览器和ipad格局中插入，但不能插入平板电脑肖像和手机上。 我有其他响应元素正常工作，但以下的HTML和CSS无法正常工作： HTML Header 1 Content here CSS @media all{ .storage_devices {data-inset: “true”;} } @media (max-device-width: 520px) and (orientation:portrait) { .storage_devices {data-inset: “false”;} } 我假设JQuery Mobile库正在标记html，因此该类没有正确识别div。 我也尝试过id而没有运气。 谢谢