时间戳

首页 > 解决方案 > Jquery Tooltipster - ajax 后访问 DOM

jquery - Jquery Tooltipster - ajax 后访问 DOM

问题描述

我对 jquery 插件 Tooltipster 和 ajax 有一些问题：

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

这是我的代码：

    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 进行交互？

标签： jqueryajaxtooltipster

解决方案

它是这样工作的：

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'
        });
});

推荐阅读