关于data-delay和data-container的正确使用问题!

来源:3-10 提示框--其他的自定义属性

Fire4x

2015-02-12 15:30

问题1:为何“data-delay={show:500,hide:100}”设置无效而“data-delay="500"”有效?

http://www.imooc.com/code/5363自定义属性里对应的描述中说“传入的是对象”中的“对象”就是“{show:500,hide:100}”吗?


问题2:以下是container的用法,还是无效,是不是有语法错误?(部分主要代码给出)

另外想问一句:container一般在什么情况下使用?

<button type="button" class="btn btn-default selfDefTip" data-original-title="将提示框附加到文本输入框上" data-container="input[class="getTip"]">我是提示框</button>
<input class="getTip" type="text" placeholder="点击我,我有提示框"/>

<script>
$(function(){
    $(".selfDefTip").tooltip();
});
</script>


问题3:tooltip提示框自定义属性一般都写在JS代码中吗?

写回答 关注

2回答

  • 郝跃强
    2016-08-19 20:41:51

    data-delay='{"show":"5000", "hide":"3000"}'

  • 花花丹
    2015-08-05 10:57:15

    直接设置属性的正确的写法应该是这样:

    data-delay='{"show":"5000", "hide":"3000"}'


玩转Bootstrap(JS插件篇)

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128652 学习 · 296 问题

查看课程

相似问题