相关疑难解决方法(0)

没有jQuery的$(document).ready等价

我有一个使用的脚本$(document).ready,但它不使用jQuery中的任何其他内容.我想通过删除jQuery依赖项来减轻它.

如何在$(document).ready不使用jQuery的情况下实现自己的功能?我知道使用window.onload不会是相同的,因为window.onload在加载了所有图像,帧等之后的火灾.

javascript jquery

1925
推荐指数
19
解决办法
98万
查看次数

如何在Rails 3.1中创建hoverover弹出窗口

我一直在寻找一种方法来实现一个没有运气的悬停弹出窗口.因为它被用在很多网站上我觉得很容易找到说明书,但我想知道我是否遗漏了一些基本的东西.我看过qTips2和其他几个,但这些看起来比我需要的更多.

我有一个Rails 3.1应用程序,并希望在用户将鼠标悬停在表格中的某一行时显示更多详细信息.这是我遗漏的Rails内置的东西,还是我需要一个附加组件?

我肯定会感谢有人指点我正确的方向.

谢谢!

javascript css ruby-on-rails ruby-on-rails-3

13
推荐指数
2
解决办法
6718
查看次数

只使用HTML和CSS制作一个简单的工具提示

我希望我的工具提示元素(<span>)显示在页面上的所有内容上,仍然相对于其父元素(<td>).我正在尝试JS,但想要一个无脚本的解决方案.

JS显示/隐藏<span>:

window.AETid = "AE";

        function tooltip(tid) {
         document.getElementById(tid).style.display="block";
        }

        function hideTooltip(tid) {
         document.getElementById(tid).style.display="none";
        }
Run Code Online (Sandbox Code Playgroud)

HTML:

<td class="ht" onmouseover="tooltip(window.AETid);" onmouseout="hideTooltip(window.AETid);">
Send reminders?
<span class="tooltip" id="AE">If this option is selected, e-mail reminders will be sent to the client before each appointment.</span>
</td>
Run Code Online (Sandbox Code Playgroud)

CSS用于.tooltip:

.ht { position: relative; }
    .tooltip {
        color: #ff0000;
        display: none;
        z-index: 100;
        position: absolute;
        right:0px;
        bottom: 0px;
    }
Run Code Online (Sandbox Code Playgroud)

目前,出现提示,当我将鼠标悬停在预期的<td>,但它出现在元素中,从而改变的大小<td>,因而<tr>从而对整个党 …

html javascript css tooltip

4
推荐指数
3
解决办法
1万
查看次数