// 引入 jQuery 和 Simpletip 插件后
$(document).ready(function() {
    $('[title]').simpletip({
        // 配置选项
        fixed: true,       // 固定位置
        position: 'right', // 提示位置
        delay: 200,        // 延迟显示(ms)
        theme: 'light'     // 主题样式
    });
});

// 确保加载顺序正确
<script src="jquery.js"></script>
<script src="jquery.simpletip.js"></script>
<link rel="stylesheet" href="simpletip.css">

$('.tooltip-element').simpletip({
    position: 'bottom',
    container: 'body' // 指定提示附加到的容器
});

// 动态元素初始化
$(document).on('mouseenter', '.dynamic-element[title]', function() {
    $(this).simpletip();
});

$('.custom-tip').simpletip({
    content: function() {
        return $(this).data('custom-content');
    }
});

$('.ajax-tip').simpletip({
    content: function() {
        var element = $(this);
        $.get('/tooltip-content', {id: element.data('id')}, function(data) {
            element.data('simpletip').update(data);
        });
        return "Loading...";
    }
});

/* 自定义主题 */
.simpletip-theme-custom {
    background: #ff9900;
    color: white;
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}