0

我有多个在服务器端创建的 DIV 元素，然后使用 ASP .Net MVC Html.Raw Helper 方法在客户端呈现。我希望在鼠标悬停时添加一个弹出窗口。每个 DIV 元素的弹出内容是不同的。如何使用 JQuery 或 qTip 做到这一点？这是我的示例 DIV 元素。任何建议都会非常有帮助。

<div class="gantt" style="border-width:medium;border-color:black;background:green;width:2%;margin-left:10%;">11</div>
<div class="gantt" style="border-width:medium;border-color:black;background:green;width:7%;margin-left:12%;">11</div>

我试图弄清楚如何在服务器端为弹出窗口创建文本，然后使用 JQuery 将其显示为鼠标悬停时的弹出窗口。

4

1 回答 1

1

qTip 还提供 AJAX 调用，因此您可以从服务器获取必须在弹出窗口中呈现的内容。

一个简单的例子

$('.selector').qtip({
    content: {
        text: 'Loading...', // The text to use whilst the AJAX request is loading
        ajax: {
            url: '/path/to/file', // URL to the local file
            type: 'GET', // POST or GET
            data: {} // Data to pass along with your request
        }
    }
});

你可以从这里读到很多

于 2012-06-02T10:35:44.170 回答