Question

您好我需要从数据库加载图像，当我将鼠标放在图像上时，弹出窗口应该在那里...我使用了http://www.vegabit.com/jquery_bubble_popup/

$(document).ready(function() {
    $('#dummy1').SetBubblePopup({
        innerHtml: '<p>You can set any HTML tag<br />inside this popup!<br /><a href="#">this is a link</a></p>'
    });
 });

我怎么能用这个来自数据库的10个图像使用php？

Answer 1

为每个图像指定一个唯一的ID并为其提供CSS类bubblepopup，然后使用此代码。

$('.bubblepopup').SetBubblePopup({
    innerHtml: '<p>You can set any HTML tag<br />inside this popup!<br /><a href="#">this is a link</a></p>'
});

Answer 2

我最近遇到了类似的问题，但我能够解决它。我需要添加弹出窗口的每个元素都有一个“起泡器”类，这样我就可以跟踪事物了。我将每个弹出窗口的HTML内容存储在元素的title属性中。

例如：

<a href="" title="This is a link" class="bubbler">text</a>
<span id="span_1" title="This is a span<br />with two lines" class="bubbler>text</span>
<input type="text" class="bubbler" title="Please enter a valid email" />

然后你根据类做一个简单的选择，但是使用每个元素的title属性来设置innerHTML：

$('.bubbler').each(function() {
    var $this = $(this);

    $this.CreateBubblePopup({
        position: 'top',
        align: 'center',
        innerHtml: $this.attr('title'),
        innerHtmlStyle: {
            color: '#ffffff',
            'text-align': 'center'
        },
        themeName: 'all-blue',
        themePath: 'images/jquerybubblepopup-theme'
    });
});

这将遍历整个bubble-ready元素集合，创建气泡弹出窗口，并将innerHTML指定为您为title属性指定的任何文本。只需确保你的PHP函数在渲染页面时设置标题，你应该没问题。

如何对多个内容使用jquery bubble popup

2 个答案: