我试图创建一个按钮与数据转换，但不工作

我试图创建一个按钮与数据转换，但不工作。当我点击链接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>

来源

2012-07-30 Juwee

1）你写的东西既不是按钮，也不是主播。所以它不会自然地将您重定向到任何地方。 2）它是一个div，所以你需要明确指定你想要div重定向到的位置。 :) – AdityaParab 2012-07-30 05:04:53

什么不适合你的代码？我复制/粘贴你的代码，它工作得很好，看到这里：http://jsfiddle.net/MT79M/ – Jasper 2012-09-03 16:03:15

http://jquerymobile.com/demos/1.1.1/docs/pages/page-transitions.html。查看这些文档，当浏览器无法处理它们或设备宽度太大时，jQuery Mobile会禁用转换。 – Jasper 2012-09-03 16:09:43

可能是你正在寻找的东西，如：

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

来源

2012-07-30 05:06:39

谢谢你的回答！但是，我担心在手机上运行的代码会变慢。 – Juwee 2012-07-30 06:02:41

这个回答很奇怪，默认情况下，当您通过将要转换的页面的ID放入链接的“href”属性中时，jQuery Mobile将在伪页面之间转换。此外，这个答案并不涉及'数据转换'，所以我不明白这是一个好的答案。以下是使用OP代码的示例：http://jsfiddle.net/MT79M/。我只是想确保人们不会认为你需要在jQuery Mobile站点中做到这一点，这个功能已经被嵌入（并且包含的代码是光滑的）。 – Jasper 2012-09-03 16:04:22

jQuery方法：

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

您的DIV更改为

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

，并在您写此功能文件

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

PS：你想重定向页面的名称替换yourcontactInfpage.html您的用户:)

来源

2012-07-30 04:59:37 AdityaParab

谢谢你的回答！但是，我担心在手机上运行的代码不会很好。 – Juwee 2012-07-30 06:26:18

@amy最新的问题是什么？你亲自尝试过吗？ – AdityaParab 2012-07-30 07:01:02

http://jsfiddle.net/MT79M/。有一个OP代码工作的例子。您的答案似乎是在没有任何jQuery Mobile知识的情况下编写的，因为jQM具有预期的功能。 – Jasper 2012-09-03 16:08:32

我试图创建一个按钮与数据转换，但不工作

回答

相关问题