jQuery Mobile的搜索選項

<!DOCTYPE html> 
<html> 
<head> 
<title>colls</title> 
<link rel="stylesheet" href="./jq/jquery.mobile-1.4.0.css" /> 
<script src="jquery.js"></script> 
<script src="./jq/jquery.mobile-1.4.0.js"></script> 
<script src="pay.js"></script> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

</head> 
<body> 
<header data-role="header" data-theme="b"> 

<h1>liste 1</h1> 
</header> 
<div data-role="content" data-theme="b"> 
<form class="ui-filterable"> 
<input id="filterBasic-input" data-type="search" placeholder="votre pays" > 
</form> 
<div data-filter="true" data-input="#filterBasic-input"data-theme="b"datainset="true"> 


<div data-role="collapsible"> 

<h2><span>alsace</span> <a class="gene02 ui-btn-right"data-role="button" 
data-inline="true" data-mini="true" data-icon="search">generique</a></h2> 
<p>code:3300</p> 
<p class="pays">france</p>

jQuery Mobile的搜索選項

，這是我的腳本

$(document).ready(function() { 
$(".gene02").click(function() {  
var $hui= $(this).closest('div').find('.pays').html(); 
$("#filterBasic-input").val($hui).submit(); 
}); 

});

當我點擊.gene02提交的結果，過濾它，但稱輸入的值是空白的，明確的按鈕沒有出現。請任何幫助。

當我從我的腳本中刪除.smit提交的值改變，但它沒有被過濾。 thx求助

來源

2014-01-07 user3154339

錄音時有什麼明顯的按鈕 – mplungjan

Clear text – user3154339

首先，不要在jQuery Mobile中使用.ready()，而應使用pagecreate來代替。

其次，你需要過濾手動觸發包含過濾數據股利。

HTML

<div id="filter" data-filter="true" data-input="#filterBasic-input" data-theme="b" datainset="true" >

$(document).on("pagecreate", function() { 
    $(".gene02").on("click", function() { 
    var $hui = $(this).closest('div').find('.pays').html(); 
    $("#filterBasic-input").val($hui); 
    $("#filter").filterable("refresh"); /* this */ 
    }); 
});

Demo

來源

2014-01-07 13:14:29 Omar

THX你我feind – user3154339

jQuery Mobile的搜索選項

回答

相關問題