2017-08-09 68 views
1

我对HTML编码相当陌生,所以真的可以在这里使用社区帮助。我有一个HTML RichText小部件,我正在用它在我们的数据可视化工具Datorama中创建一个导航栏。不幸的是,当你点击菜单项时,它会一直打开页面内的页面,而不是加载整个页面。Datorama中的HTML RichText WIdget问题

这里是代码:

<nav class="navigation"> 
<ul class="menu"> 
    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="About"> 
        About 
       </span> 
       <span class="menu__second-word" data-hover="Us"> 
        Us 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="Our"> 
        Our 
       </span> 
       <span class="menu__second-word" data-hover="History"> 
        History 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="Latest"> 
        Latest 
       </span> 
       <span class="menu__second-word" data-hover="News"> 
        News 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="New"> 
        New 
       </span> 
       <span class="menu__second-word" data-hover="Arrivals"> 
        Arrivals 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="On"> 
        On 
       </span> 
       <span class="menu__second-word" data-hover="Sale"> 
        Sale 
       </span> 
      </span> 
     </a> 
    </li> 

    <li class="menu__item"> 
     <a href="#" class="menu__link"> 
      <span class="menu__title"> 
       <span class="menu__first-word" data-hover="Contact"> 
        Contact 
       </span> 
       <span class="menu__second-word" data-hover="Us"> 
        Us 
       </span> 
      </span> 
     </a> 
    </li> 
</ul> 

任何人都可以请帮助这个调整单击菜单项时,它会打开一个新的页面?

谢谢 -Nakul B.

回答

2

我约翰尼从Datorama的第2层支持,

因为富文本iframe出现的作品,这意味着浏览器中打开一个新的嵌入式HTML文档中活动的链接和链接在嵌入式iFrame中打开,而不是在标签本身或新选项卡中打开。新窗口或标签

_self - - 内打开

_blank

这可以通过使用标签的“目标”属性的工作,以及下列选项可分配控制相同的窗口或iFrame中(默认行为)

_parent - 打开父帧中的链路

_top - 提到的窗口

在这种情况下的全身内打开,我们应该用“_blank”属性,应该用下面的代码:

<nav class="navigation"> 
 
<ul class="menu"> 
 
    <li class="menu__item"> 
 
     <a href="https://google.com" class="menu__link" target="_blank">About Us 
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">Our History 
 
      
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">Latest News 
 
      
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">New Arrivals 
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">On Sale 
 
      
 
     </a> 
 
    </li> 
 

 
    <li class="menu__item"> 
 
     <a href="#" class="menu__link" target="_blank">Contact Us 
 
      
 
     </a> 
 
    </li> 
 
</ul>

我也改变了a标签的结构,并减少了它的跨度数量,以提高可读性。现在链接应该在点击时打开一个新的页面/标签。

请随时通过[email protected]与我们联系,获取有关设置您的小部件的进一步帮助!

+0

嘿约翰尼,谢谢你的解决方案!我会放弃这一点,并让你知道它是如何发展的。 –

+1

工作就像一个魅力!谢谢! –