Question

我试图创建一个带有数据转换的按钮，但是无法正常工作。当我点击链接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>

Answer 1

jQuery方法：

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

OR

将您的DIV更改为

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

并将此功能写入javascript文件

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

PS：将yourcontactInfpage.html替换为您要将用户重定向到的网页的名称：）

Answer 2

可能你正在寻找类似的东西：

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>

的JavaScript

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

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

我试图创建一个带有数据转换但没有工作的按钮

2 个答案: