Php 最近输入的建议框未显示

在动态添加更多输入后，我似乎无法让我的建议框显示最近的输入

下面的代码是我当前所在的位置，我可以看到新输入的建议框并添加到新输入中，但如果我返回编辑输入数据，建议框将无法显示

<div id="tester"></div>
<button id="add_test">ADD</button>



$(document).ready(function() {

$("#add_test").on("click", function() {
    var input = '<div class="flavhey"><div class="flavourInput"><input class="ftext form-control flavour-name-input" type="text" name="flav-name-input" value="" placeholder="Flavour Name" /><div class="suggestion-box"></div></div></div>';
    $('#tester').append(input);
});


$(document).on('keyup', '.flavhey input', function(e){


    var token = '<?php echo json_encode($token); ?>';
    var search = $(this).val();

    $.ajax({
        type: "POST",
        url: "controllers/recipeControl.php",
        data: { token: token, search: search },
        beforeSend: function(){
            $(".flavour-name-input").css("background","#FFF no-repeat 165px");
            $(".suggestion-box").css("background","#FFF no-repeat 165px");
    },
    success: function(data){


        $('.flavhey input').closest('flavourInput input').next('.suggestion-box').show();
        $('.flavhey input').next('.suggestion-box').html(data);
        $(".suggestion-box").css("background","#FFF");
    }
    });
    return false;
});
$(document).on("click",".search-flavour",function(e) {
    e.preventDefault();

        $(this).closest('.flavourInput').find('.flavour-name-input').val($(this).text());

        $('.suggestion-box').hide();
    return false;

if(isset($_POST['search'])) {
    if($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest' && isset($_POST['token']) 
        && json_decode($_POST['token']) === $_SESSION['token']){
            $search = $_POST['search'];
            $html = '<ul>';
            $content = $flavours->getAllFlavoursSearch($search);
            foreach ($content as $con) {
                $html .= '<li class="search-flavour"><b>'.$con['flavour_name'].'</b> - <i>'.$con['flavour_company_name'].'</i></li>';
            }
            $html .= '</ul>';
            echo $html;
        }

    }

添加
$（文档）.ready（函数（）{
$（“添加测试”）。在（“单击”，函数（）上{
var输入=“”；
$（'#tester'）。追加（输入）；
});
$（文档）.on（'keyup'，'.flavhey input'，函数（e）{
var标记=“”；
var search=$（this.val（）；
$.ajax({
类型：“POST”，
url:“controllers/recipeControl.php”，
数据：{令牌：令牌，搜索：搜索}，
beforeSend:function（）{
$（“.flavor name input”）.css（“背景”，“FFF无重复165px”）；
$（“.suggestion box”）.css（“背景”，“FFF不重复165px”）；
},
成功：功能（数据）{
$（'.flavhey input'）.closest（'flavourInput input'）.next（'.suggestion box'）.show（）；
$（'.flavhey input'）.next（'.suggestion box'）.html（数据）；
$（“.suggestion box”）.css（“背景”，“#FFF”）；
}
});
返回false；
});
$（文档）。在（“单击”，“搜索味道”，函数（e）{
e、 预防默认值（）；
$（this）.closest（'.flavourInput'）.find（'.flavor name input'）.val（$（this.text（））；
$（'.suggestion box'）.hide（）；
返回false；
如果（isset（$_POST['search']））{
如果（$_服务器['HTTP_X_REQUESTED_，带']='XMLHttpRequest'&&isset（$_POST['token']））
&&json_解码（$_POST['token']）===$_会话['token']）{
$search=$_POST['search']；
$html=“
”；
$content=$flavours->getAllFlavoursSearch（$search）；
foreach（$con内容）{
$html.='
'.$con['flavor\u name'.-'.$con['flavor\u company\u name'.].
'；
}
$html.='
'；
echo$html；
}
}

确定短版本：

使用

var-box=$（e.target）.next（“.suggestion-box”）；

在ajax请求的

success

处理程序中获取对正确建议框的引用

---

长版本： 我用静态占位符替换了php部分，以获得一个可运行的示例

$（文档）.ready（函数（）{
$（“添加测试”）。在（“单击”，函数（）上{
var输入=“”；
$（'#tester'）。追加（输入）；
});
$（文档）.on（'keyup'，'.flavhey input'，函数（e）{
var token=“[token]”；
var search=$（this.val（）；
变量框=$（e.target）.next（“.suggestion框”）；
box.show（）；
html（“TestData”）；
css（“背景”，即“FFF”）；
返回false；
});
$（文档）。在（“单击”，“搜索味道”，函数（e）{
e、 预防默认值（）；
$（this）.closest（'.flavourInput'）.find（'.flavor name input'）.val（$（this.text（））；
$（'.suggestion box'）.hide（）；
返回false；
});
})；

添加


香精公司名称1-香精公司名称1


香精公司名称2-香精公司名称2


香精名称\u 3-香精公司\u名称\u 3

太棒了，非常感谢！！！你刚刚让我从更多的沮丧中解脱出来，让我的一天变得美好，我可以在19小时内获得50分，再次感谢。这在桌面上非常有效，你能看到它在手机上无法工作的原因吗？修复了它

$（文档）。在（“单击touchstart”、“.search Flavor”，函数（）{

再次感谢上述修复没有按计划工作，因此我将数据包装在

a

标记中