Jquery Mobile Listview Clicked Item – 将参数传递给另一个页面
我有一个index.html页面。 此页面还包含许多页面，如＃home，＃list #contacts等。
在#list部分我动态地从我的网页获取数据并生成listview。 我想要的是，当用户点击任何列表项时，重定向到#imageDetail页面并将图像URL传递给页面并显示图像
这是#imageDetail页面部分
Image Detail
下面的代码是我的动态获取json数据的javascript代码。
$('#last5').live("click", function() { $.ajax({ url: "http://mysqlservice.com/getdata.json", dataType: 'jsonp', success: function(json_results){ $("#imageListDetay").html(''); console.log(json_results); $('#imageListDetay').append('
'); listItems = $('#imageListDetay').find('ul'); $.each(json_results.results, function(key) { html = ''+json_results.results[key].screen_name+'
'+json_results.results[key].resim_url+'
'+json_results.results[key].adres_data+'
'; listItems.append(''+html+' '); }); $('#imageListDetay ul').listview(); }, error: function (XMLHttpRequest, textStatus, errorThrown) { //error } }); }) $("#detailedIMAGE").live("pagebeforeshow", function (e, data) { var brewername = $('#detailed_image',data.prevPage).text(); $('#brewername').val(brewername); $('#imageDetayURL').attr('src', 'http://mobil.harmankaya.org/'+brewername); alert(brewername); });
问题是页面更改alert(brewername)触发后。 但是列出listview中列出的所有图片url都不是我选中的。
我该如何解决这个问题
提前致谢。
jQM文档：
这只是引用文档，但如果您阅读该页面，它应该让您了解如何完成此操作。
该应用程序使用包含散列的URL的链接，该散列告诉应用程序要显示的类别项：
Select a Category Below:
嗯，这是我的方式，并且非常好。
HTML
使用Javascript
$("#myPage").live("pageshow",function(event){ // get your id from LINK and parse it to a variable var json_list_callback = getUrlVars()[id]; // verify the URL id if (json_list_callback === '') {json_list_callback === ''} //or what value you want // define your path to JSON file generated by the ID declared upper var json_URL = 'http://your.path.to.json.file.php.json?id=' + json_list_callback; // get the JSON data defined earlier and append to your LIST $.getJSON(json_URL,function(data){ var entries = data; //populate our list with our json data $.each(entries,function(index,entry){ // i use dummy data here, you can have whatever you want in youre json $("#myList").append( '' + // remember that this "https://stackoverflow.com/questions/9083347/jquery-mobile-listview-clicked-item-pass-parameter-to-another-page/page.html?id=' + entry.json_id + '" will be the link where getUrlVars will get the id declared earlier in function '' + entry.json_title + '<\/a>' + '<\/li>' ); }); //must refresh listview for layout to render $("#myList").listview("refresh"); }); }); //this function gets from URL the id, category, whatever you declare like this: getUrlVars()['id'] or getUrlVars()['category'] after last symbol of "?" // you can define your own symbol with this function function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.lastIndexOf('?') + 1).split('&'); for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; }
这对我来说就像一个魅力，我经常使用它！
直播活动已被弃用，请使用’on’，
例如：$（“＃detailedIMAGE”）。on（“pagebeforeshow”，function（e，data）{// code}）;