【问题标题】:Need help with json/jquery需要关于 json/jquery 的帮助
【发布时间】:2011-04-26 20:11:15
【问题描述】:

好的,所以我正在使用 jquery 提取 jsonp 提要,然后尝试格式化我的小部件以处理数据。

我有 90% 的工作,但我无法弄清楚如何让 <a href=""> 在我的 jsonp 中获得我的链接值“item.url”。

我知道我缺少"var url= $('<div>').attr("href",item.url);" 部分的一些代码,但我一辈子都想不出如何让它工作! :(

这是我的代码:

gv_responce = function (response) {
    // we destroy the script element.
    scriptElement.parentNode.removeChild(scriptElement);

    //we have all the information in response variable in a json format,
    //we just format the results.
    for (keyItem in response.posts) {
        var item = response.posts[keyItem];
        var img = $('<img>').attr('src', item.thumbnail);
        var div = $('<div>').append(img);
        var title = $('<div>').html($.trim(item.title));
        var text = $('<div>').html($.trim(item.excerpt));
        var url = $('<div>').attr("href", item.url);

        div.append(title);
        div.append(text);
        div.attr('class', 'gv');
        $('#content').append(item.from_user);
        $('#content').append(div);
    }

}
})();

//当所有东西都加载完毕后,我们调用 api ...

jQuery(document).ready(LKS.makeRequest());

【问题讨论】:

  • 根据您的代码,您正在创建一堆 DIV 并用一些 HTML 填充它们并在其上设置一个“href”属性。那是你真正想做的吗?
  • div 没有 href 属性,w3schools.com/tags/tag_DIV.asp
  • @Haim,我认为它现在在 HTML5 中有效
  • @JohnP - 并不意味着浏览器实际上会根据 DIV 的 href 属性进行导航。也就是说,如果这是 OP 实现的实际用例。
  • @Gregg 我还没有真正尝试过。允许使用块级链接,但不能 100% 确定 href 是否可用

标签: jquery json jsonp href


【解决方案1】:

不应该

var url = $('<div>').attr("href", item.url);

成为

var url = $('<a>').attr("href", item.url);

【讨论】:

    【解决方案2】:

    我觉得你需要换行

    var url = $('<div>').attr("href", item.url);
    

    var url = $('<a>').attr("href", item.url);
    

    之后,您需要将 DOM 添加到您的 DOM 中

    $('#content').append(url);
    

    【讨论】:

      【解决方案3】:

      你应该在'a'标签的html中写一些东西。您还创建了“a”标签,但您看不到。

      试试这个;

      var url= $('<a>').attr("href",item.url).html('itemName');
      

      而不是

      var url= $('<a>').attr("href",item.url);  
      

      【讨论】:

        猜你喜欢
        • 2011-08-25
        • 1970-01-01
        • 2014-03-11
        • 2014-09-25
        • 1970-01-01
        • 2019-03-07
        • 2011-05-09
        • 2017-08-05
        • 2023-04-06
        相关资源
        最近更新 更多