Jquery Tooltipster - ajax 后访问 DOM

Posted 2023-05-07

【中文标题】Jquery Tooltipster - ajax 后访问 DOM

【英文标题】：Jquery Tooltipster - access DOM after ajax

【发布时间】：2021-01-28 02:17:44

【问题描述】：

我在使用 jquery 插件 Tooltipster 和 ajax 时遇到了一些问题：

我点击一个链接来启动 tooltipster -> 好的 我得到一个带有 ajax 的表单 -> 好的 我想与表单的输入进行交互 -> 不行

这是我的代码：

    var id = $(this).attr("scope");
    var tp = $(this).attr("id");
    $(this).tooltipster(
                interactive:true,
                contentAshtml: true,
                position: 'top',
                content: 'Chargement...',
                delay: '0',
                speed: 150,
                trigger: 'click'
                functionBefore: function(origin, continueTooltip) 
                    continueTooltip();      
                    $.ajax(
                        type: 'GET',
                        url: '/ajax/platform.php',
                        data: variable1: variable1, variable2: variable2,
                        success: function(data) 
                            origin.tooltipster('content', data).data('ajax', 'cached');
                        
                    );
                ,
                theme: 'tooltipster-shadow'
            );
    );

Ajax 向我发送 html 之类的：

<input type="text" name="input1" id="input1">

如何使用 jquery 与 #input1 进行交互？

【问题讨论】：

你试过什么？您是否尝试过阅读 jquery 选择器文档？

我有类似的东西： $(document).ready(function() $( document ).on( "click", "#input1", function(e) alert("It作品"); ); );

HTML 加载了 ajax 和 tooltipser，所以我应该把这段代码换成另一种我猜的方式......

【参考方案1】：

它是这样工作的：

var id = $(this).attr("scope");
var tp = $(this).attr("id");
$(this).tooltipster(
            interactive:true,
            contentAsHTML: true,
            position: 'top',
            content: 'Chargement...',
            delay: '0',
            speed: 150,
            trigger: 'click'
            functionBefore: function(origin, continueTooltip) 
                continueTooltip();      
                $.ajax(
                    type: 'GET',
                    url: '/ajax/platform.php',
                    data: variable1: variable1, variable2: variable2,
                    success: function(data) 
                        origin.tooltipster('content', data).data('ajax', 'cached');
                        $("#input1").click(function(d) 
                                d.preventDefault();
                                alert("It works !");
                        );
                    
                );
            ,
            theme: 'tooltipster-shadow'
        );
);