我試圖創建一個按鈕與數據轉換，但不工作

我試圖創建一個按鈕與數據轉換，但不工作。當我點擊鏈接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

我試圖創建一個按鈕與數據轉換，但不工作

回答

相關問題