在jQuery动态拆分按钮列表视图中,如何获取HREF的值

时间:2013-12-26 08:27:02

标签: jquery-mobile cordova jquery-mobile-listview

我在可点击按钮上创建了一个动态jquery拆分按钮列表视图,其结构如下:

var Book="Book Item"
     var data="hi";
            //Create the listview if not created
            if(!listCreated){
                $("#content").append("<ul id='list' data-role='listview' data-inset='true'></ul>");
                listCreated = true;
                $("#content").trigger("create");
            }
            $("#list").append("<li data-theme='d'>"+"<a id='list_content' data-rel='popup' data-position-to='window' data-transition='pop'>"+data+"</a>"+"<a id='list_content_checkout' data-rel='popup' data-position-to='window' data-transition='pop'></a>"+"</li>");
             $("#list").listview("refresh");


  $("#list_content").click(function(){
     alert();// 
});

在下面给出的行数据是一个变量,其值在列表视图上单击。

$("#list").append("<li data-theme='d'>"+"<a id='list_content' data-rel='popup' data-position-to='window' data-transition='pop'>"+data+"</a>"+"<a id='list_content_checkout' data-rel='popup' data-position-to='window' data-transition='pop'></a>"+"</li>");

enter image description here

当我们点击 ANKUR 列表视图数据时,应该会出现警告ankur。

抱歉我的英语。 感谢

1 个答案:

答案 0 :(得分:1)

$(document).ready(function () {
    Getdata();
});

function Getdata() {

var htmlcontent = "";
var strord_key = "1234";
htmlcontent += "<li data-role='list-divider'><br>";
htmlcontent += "<a href='javascript:void(0);' onclick= goToNext('" + strord_key  + "')     >Order Ticket:  " + strord_key + "</a> </li>";
$("#result-listview").empty();
$('#result-listview').append(htmlcontent);

}
  function goToNext(value) {
    alert(value);
}