Question

在我的标题中包括

<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css">
<script type="text/javascript" src="js/jquery-1.11.2.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.4.5.js"></script>

每当我使用例如data-role="page"时，预期的效果都不会获得。

为什么会发生这种情况？

编辑：https://jsfiddle.net/f0eurafv/1/ 注意登录表单中的文本输入

Answer 1

参考你的小提琴链接（https://jsfiddle.net/f0eurafv/1/）：

问题是您已将点击功能绑定到<h2> - 标签，您可以在其中手动淡入/淡出不同的页面。在这种情况下，jQuery-mobile将不会为您完成工作（切换到其他页面），作为副作用，它不会正确地呈现页面中的元素（例如输入）。

你可以尝试在你的点击功能中调用changePage（） - jQuery-mobile的功能，找到一种方法来改变过渡效果（http://demos.jquerymobile.com/1.4.5/transitions/）：

$('#loginA').click(function(){
    $.mobile.changePage('#loginform');
});

或者您将<a> - 带有href - 属性的标记添加到应在您的链接周围打开的网页ID：

<div id="sliderA" data-role="content"><h2 id="loginA"><a href="#loginform">Login</a></h2></div>

jquery mobile所有数据属性引用都不起作用

1 个答案: