Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.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
Zurb foundation 基础4自定义工具提示没有PIP_Zurb Foundation_Foundation - Fatal编程技术网

Zurb foundation 基础4自定义工具提示没有PIP

Zurb foundation 基础4自定义工具提示没有PIP,zurb-foundation,foundation,Zurb Foundation,Foundation,Foundation默认工具提示如下所示: 我想摆脱我的网站上的小顶部三角形的一部分 < P> >要将它清除到任何地方,您只需将基础工具PIP大小变量值从基础FuffIX和O.OrdRID.SCSS文件中更改为0(如果您不使用Rails的基础宝石),也称为“SythPosith.SCSS”。 是否可以定义基础工具提示的自定义版本而不使用PIP?< /P> 编辑 这里的困难在于,当我写下 <span data-tooltip class="has-tip tip-bottom" title

Foundation默认工具提示如下所示:

我想摆脱我的网站上的小顶部三角形的一部分

< P> >要将它清除到任何地方,您只需将基础工具PIP大小变量值从基础FuffIX和O.OrdRID.SCSS文件中更改为0(如果您不使用Rails的基础宝石),也称为“SythPosith.SCSS”。

是否可以定义基础工具提示的自定义版本而不使用PIP?< /P> 编辑

这里的困难在于,当我写下

<span data-tooltip class="has-tip tip-bottom" title="Here are my tooltip contents!">extended information</span>
扩展信息
Foundation javascript在包含实际工具提示的文档末尾生成特定元素:

<span data-selector="tooltip8vxaud6lxr" class="tooltip tip-bottom" style="visibility: visible; display: none; top: 78px; bottom: auto; left: 50px; right: auto; width: auto;">Here are my tooltip contents!<span class="nub"></span></span>
以下是我的工具提示内容!

你看到,第一个步骤中添加的Tip底部类被复制到第二个,但这只是针对特定基础类的情况,如Tip Tip、Tip Prand等。

我想做的是能够将一个“no-pip”类添加到第一个span(我实际编写的唯一一个span)中,并能够改变包含“nub”元素的生成span的外观

扩展信息

这个小三角形就是
span
nub
你需要做的就是从中删除css
边框
,然后你的工具提示将与正常位置相同,没有小三角形

只需将显示属性设置为

.tooltip > .nub {
    display: none;
}

使用
版本5
可以自定义工具提示模板

只需删除

$(文档)。基础({
工具提示:{
提示模板:功能(选择器、内容){
返回“”+内容+“”;
}
}
});

参见我更新的问题,但这里的难点不是在选择元素之后要去掉三角形,而是选择由基础自动生成的包含三角形的元素。我只想修改某些工具提示,而不是全部。
.tooltip > .nub {
    display: none;
}
  $(document).foundation({
    tooltip: {
      tip_template : function (selector, content) {
        return '<span data-selector="' + selector + '" class="'
          + Foundation.libs.tooltip.settings.tooltip_class.substring(1)
          + '">' + content + '<span class="nub"></span></span>';
      }
    }
  });