【问题标题】:placing json value in a list as links将 json 值作为链接放在列表中
【发布时间】:2015-06-30 22:01:48
【问题描述】:

我正在使用 phonegap 开发移动应用程序。我正在尝试将我的数据库值显示到我的 html 页面中名为 nextpage.html 的列表中。但我无法将其作为链接插入.你能帮我把它作为链接插入吗?当我点击这些链接时,它会在新页面中显示该特定数据的详细信息。

nextPage.html

  <!DOCTYPE html>
  <html>
 <head>
 <meta name="viewport" content="initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" href="css/jquery.mobile-1.4.4.min.css" />
    <script src="js/jquery-1.11.1.min.js"></script>     
    <script src="js/jquery.mobile-1.4.4.min.js"></script>    
    <script src="js/nextPage.js"></script>    
 <title>Edfutura1</title>
 </head>
<center>
<body id="category_id">
<div data-role="page" id="catlist"> 
<div  id="loading" > </div>  
<div data-role="header" data-position="fixed" data-theme="b">
 <h1>category</h1>
 </div> 
<div data-role="main" class="ui-content">

            <form id="nextForm" > 
            <ul data-role="listview" data-inset="true" id="category">

              <li>
              </li>  
            </ul> 


            </form>

        </div>

 </div>                 
 </body>
 </center>
 </html>

nextPage.js

   var base_url="http://dev.edfutura.com/nithin/jps/edfuturaMob/";  
   $(document).on("pageinit","#catlist", function() {


 var submitUrl = base_url+"categorylist/get_categorylist"; 


     //$("#loading").css("display", "block");  


         $.ajax({
        url: submitUrl,
        dataType: 'json',
        type: 'POST',
        success: function(response)
        {

            var categoryList = $('#category');
            var category;
      for(var i = 0, len = response.length; i < len; i++)
      {

       //pls do something
        category = response[i];
        categoryList.append($('<li>').attr('id',  category.category_id).html(category.category_name));


      }

         },
         error: function() 
        {
            alert("error");

        }

    }); 
    });

category_idcategory_name 是我的数据库值。我想通过单击获得 category_name 的详细信息。我没有这样做。请帮助我... 我的输出是

【问题讨论】:

    标签: javascript jquery html json phonegap-build


    【解决方案1】:

    您可以在 li 元素中添加锚标记:

    var a = $('<a>').attr('href', '#').html(category.category_name);
    categoryList.append($('<li>').attr('id',  category.category_id).append(a));
    
    【解决方案2】:

    用这个替换你的附加:

        $('#category').append('<li id="' + category.category_id + '">' + category.category_name + '</li>');
    

    不是最干净的解决方案,但会起作用

    【讨论】:

    • 先生,它已经为我工作了。但我试图把它作为一个链接。我不知道如何将这些附加为链接
    猜你喜欢
    • 2016-01-28
    • 1970-01-01
    • 1970-01-01
    • 2016-10-05
    • 2011-08-06
    • 1970-01-01
    • 2012-08-05
    • 2021-07-08
    • 2021-10-19
    相关资源
    最近更新 更多