Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何创建链接,将对象键中的文本和链接href作为对象值。。使用把手?_Jquery_Templates_Handlebars.js - Fatal编程技术网

Jquery 如何创建链接,将对象键中的文本和链接href作为对象值。。使用把手?

Jquery 如何创建链接,将对象键中的文本和链接href作为对象值。。使用把手?,jquery,templates,handlebars.js,Jquery,Templates,Handlebars.js,在我的对象中,我有如下数据: naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"} 由此,我应该从对象的键创建一个链接文本,links href应该是每个键的值。。我试过这样做 naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"} var naviMaker = function(){

在我的对象中,我有如下数据:

naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"}
由此,我应该从对象的键创建一个链接文本,links href应该是每个键的值。。我试过这样做

naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"}

var naviMaker = function(){
    var naviHtml = Handlebars.compile($("#navigation").html());
    $("nav ul").append(naviHtml(naviObj));
}

naviMaker();
我希望结果应该是:

<ul>
<li><a href="homelink">Home</a></li>
<li><a href="sericeLink">Service</a></li>
<li><a href="contactLink">Contact</a></li>
</ul>
我正在获取链接文本以及对象值。。但是我不知道链接文本的关键是什么

有人帮我解决这个问题吗

这是你的电话号码


关于谷歌搜索,我在这里得到了一个答案:,仍然有人给出简短的方法。谢谢。

这是解决方案。JFIDDLE

HTML

<ul></ul>
    脚本

          $(function()
      {
          naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"};
          for(property in naviObj)
          {
    
              $('ul').append("<li><a href='"+naviObj[property]+"'>"+property+"</a></li>");
          }
      });
    
    $(函数()
    {
    naviObj={“Home”:“homelink”,“Service”:“serielink”,“Contact”:“contactLink”};
    for(naviObj中的属性)
    {
    $('ul')。追加(“
  • ”); } });
    很抱歉,我正在使用handlebar.js。。问题是。handlebarsjs模板。你当时忘了在标题中提到它。好的