Javascript jQuery UI工具提示的不同处理程序

我怎样才能让他们一起工作？一个用于图像的工具提示和一个用于输入的工具提示。现在我必须在他们之间做出选择，因为他们不会一起工作

        // CODE 1
        $(document).tooltip({
            items: ".photo-id img[data-tooltip]" },
            {
                track: true,
                content: function(){
                return $(this).attr("data-tooltip");
            },
        });

        // CODE 2
        $(document).tooltip({
            items: "input[type=text]" },
            {
                content: function(){
                return $(this).val();
            },
        });

<input type="text" value="foo" />

<div class="photo-id">
    <img data-tooltip="big img src" src="small img src" />
</div>

//代码1
$（文档）。工具提示({
项目：“.photo id img[数据工具提示]”}，
{
轨迹：对，
内容：函数（）{
返回$（this.attr（“数据工具提示”）；
},
});
//代码2
$（文档）。工具提示({
项目：“输入[类型=文本]”}，
{
内容：函数（）{
返回$（this.val（）；
},
});

您不能将插件附加到元素而不是文档中的每个元素吗？我已经尝试过了，但不知道为什么这样做不起作用。（另外，所有内容都由ajax重新加载）将它们组合起来，并使用content函数根据元素类型返回数据