Javascript 我正在尝试创建一个带有数据转换的按钮，但不起作用_Javascript_Jquery_Html_Jquery Mobile

Javascript 我正在尝试创建一个带有数据转换的按钮，但不起作用

javascript jquery html jquery-mobile

Javascript 我正在尝试创建一个带有数据转换的按钮，但不起作用,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我正在尝试创建一个带有数据转换的按钮，但不起作用。当我点击链接contactInf，它无法形成页面basicInf切换到页面contactInf 我的浏览器是firefox14.1 下面是我的代码： <body> <div id="basicInf" data-role="page" data-theme="c"> <a href="#contactInf" data-transition="flip" data-theme="c" data- ini="

我正在尝试创建一个带有数据转换的按钮，但不起作用。当我点击链接

contactInf

，它无法形成页面

basicInf

切换到页面

contactInf

我的浏览器是firefox14.1

下面是我的代码：

<body>
<div id="basicInf" data-role="page" data-theme="c">
  <a href="#contactInf" data-transition="flip"  data-theme="c" data-  ini="true">contactInf</a>
</div>

<div id="contactInf" data-role="page" data-theme="c">……</div>

</body>


……

jQuery

方法：

$("#contactInf").click(function(){
    window.location.href = 'yourcontactInfpage.html'
});

或

把你的DIV改成

<div id="contactInf" data-role="page" data-theme="c" onclick="redirectTocontactInf">……</div>

备注：将

yourcontactInfpage.html

替换为您要将用户重定向到的页面名称：）

可能您正在查找类似以下内容：

HTML

1）你写的既不是按钮也不是锚。因此，它不会自然地将你重定向到任何地方。2）它是一个div，因此您需要明确指定希望该div将您重定向到的位置。：）您的代码中有什么不起作用？我复制/粘贴了您的代码，效果很好，请参见此处：。查看这些文档，当浏览器无法处理或设备宽度太大时，jQuery Mobile将禁用转换。谢谢您的回答！但是，我担心手机中运行的代码会变慢。这个答案很奇怪，默认情况下，当你链接到伪页面时，jQuery mobile会在伪页面之间转换，方法是将你要转换到的页面ID放在链接的

href

属性中。此外，这个答案并不涉及数据转换，因此我不认为这是一个好答案。下面是一个使用OPs代码的示例：。我只是想确保人们不认为你需要在jQuery移动网站上做这件事，这个功能已经准备好了（包含的代码很流畅）…谢谢你的回答！但是，我担心手机上的密码不会很好地运行。@amy有什么问题吗？你自己试过吗？。这里有一个OPs代码工作的例子。您的答案似乎是在不了解jquerymobile的情况下编写的，因为jQM具有所需的功能。

function redirectTocontactInf(){
        window.location.href = 'yourcontactInfpage.html'
}

<a id="basicInf_link">basic</a>
<a id="contactInf_link">contact</a>

<div id="basicInf" class="page" data-role="page" data-theme="c">……</div>
<div id="contactInf" class="page" data-role="page" data-theme="c">……</div>

$('#basicInf_link').click(function () {
  $('.page').hide();
  $('#basicInf').show();
});

$('#contactInf_link').click(function () {
  $('.page').hide();
  $('#contactInf').show();
});