在rails中使用jquery显示工具提示

时间:2015-07-09 20:27:53

标签: javascript jquery ruby-on-rails ruby-on-rails-4

http://jsfiddle.net/tTFYC/15/找到一个非常有趣的问题,所以我决定将它纳入我的项目中。

但是,在跟踪行中的每个代码(甚至复制/粘贴)后,工具提示都没有显示出来。如下面的代码所示,几乎每一行都与jsfiddle相同。我在这里做错了什么?

HAML

%p.mastertooltip.add_stuff#add_trip= link_to ........

JS

//= require jquery
//= require bootstrap-sprockets
//= require jquery_ujs
//= require turbolinks
//= require_tree .
$(document).ready(function() {
        // Tooltip only Text
        $('.mastertooltip').hover(function(){
                // Hover over code
                var title = "hello world";
                $(this).data('tipText', title).removeAttr('title');
                $('<p class="tooltip"></p>')
                .text(title)
                .appendTo('body')
                .fadeIn('slow');
        }, function() {
                // Hover out code
                $('.tooltip').remove();
        }).mousemove(function(e) {
                var mousex = e.pageX + 20; //Get X coordinates
                var mousey = e.pageY + 10; //Get Y coordinates
                $('.tooltip')
                .css({ top: mousey, left: mousex })
        });
});

CSS

.tooltip {
    display:none;
    position:absolute;
    border:1px solid #333;
    background-color:#161616;
    border-radius:5px;
    padding:10px;
    color:#fff;
    font-size:12px Arial;
}

1 个答案:

答案 0 :(得分:3)

您正在与Bootstrap或其他同样定义Decrypt(byte in[4*Nb], byte out[4*Nb], word w[Nb*(Nr+1)]) begin byte state[4,Nb] state = in AddRoundKey(state, roundkey[10]) invShiftRows(state) invSubBytes(state) for round = 9 step 1 to 1 AddRoundKey(state, roundkey[round]) invMixColumns(state) invShiftRows(state) invSubBytes(state) end for AddRoundKey(state, roundkey[0]) out = state end 类的框架发生冲突。只需在JS和CSS中重命名该类,它就能正常工作。