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

Im trying to create a button with an data-transition but is not working

本文关键字：转换 数据 按钮 不起作用 一个 创建      更新时间：2024-05-29

我试图创建一个带有数据转换的按钮，但没有成功。当我点击链接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>

您可能正在寻找以下内容：

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();
});

jQuery方法：

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

或

将DIV更改为

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

并将此函数写入您的javascript文件

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

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

相关文章：