Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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 让twipsy.js正常工作(来自twitter引导)_Jquery_Twitter Bootstrap - Fatal编程技术网

Jquery 让twipsy.js正常工作(来自twitter引导)

Jquery 让twipsy.js正常工作(来自twitter引导),jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我正在尝试使用Twitter的引导css和js模块。特别是twipsy模块,当您将鼠标悬停在链接上时,它会显示一条小文本消息 有一个演示 blah-blha-blah-blah#当你将鼠标悬停在“你可能”上时,应该显示“一些标题文本” 我从演示中复制了一些html,并在这个jsfiddle.net中包含了twipsy.js 但当我将鼠标悬停在链接上时,文本不会弹出 包括jQuery以使用twispy。所有引导JavaScript插件都需要jQuery或Ender才能工作 通过调用.twips

我正在尝试使用Twitter的引导css和js模块。特别是twipsy模块,当您将鼠标悬停在链接上时,它会显示一条小文本消息

有一个演示

blah-blha-blah-blah#当你将鼠标悬停在“你可能”上时,应该显示“一些标题文本”
我从演示中复制了一些html,并在这个jsfiddle.net中包含了twipsy.js

但当我将鼠标悬停在链接上时,文本不会弹出

  • 包括jQuery以使用twispy。所有引导JavaScript插件都需要jQuery或Ender才能工作

  • 通过调用
    .twipsy()
    激活选定元素的twispy。从引导页面复制的示例使用
    $([rel=twipsy”)

  • 默认情况下,弹出框放置在文本上方。如果文本位于页面顶部(如在小提琴中),则弹出框将不可见。您可以配置
    placement
    选项或向下移动文本

  • 是代码

    HTML:

    blah blha <a href="#" rel="twipsy" data-original-title="Some title text">you probably</a> blah blah
    
    $("a[rel=twipsy]").twipsy({ placement: "below" });
    
    $("a[rel=twipsy]").twipsy({ placement: "below" });