Php 在JQuery中使用appendTo()添加元素,然后立即删除它…解决方案?

Php 在JQuery中使用appendTo()添加元素,然后立即删除它…解决方案?,php,jquery,appendto,Php,Jquery,Appendto,这可能是一个noob问题,但是我如何实现下面的appendTo()函数并没有像预期的那样工作。基本上,它添加了元素,并立即将其再次删除。这是眨眼,你错过它的东西 有人能理解为什么会发生这种情况吗 下面是调用函数的地方: <?php foreach ($words as $word) { echo "<li class='$word[0]'><a href='' onclick='add_to();'>$word</a></li>"; }

这可能是一个noob问题,但是我如何实现下面的appendTo()函数并没有像预期的那样工作。基本上,它添加了元素,并立即将其再次删除。这是眨眼,你错过它的东西

有人能理解为什么会发生这种情况吗

下面是调用函数的地方:

<?php foreach ($words as $word) {
echo    "<li class='$word[0]'><a href='' onclick='add_to();'>$word</a></li>";
} 
可能有冲突的代码?抱歉-Javascript新手,正在尝试快速拼凑一些东西


蒂亚,安迪

你的链接正在重新加载页面。 试试这个(添加到href属性)

foreach($words作为$word){
echo“
  • ”; }
    您的链接正在重新加载页面。 试试这个(添加到href属性)

    foreach($words作为$word){
    echo“
  • ”; }

    我不能肯定,但您可能正在用document.ready函数中的函数覆盖在onclick属性中定义的click函数。

    我不能肯定,但您可能正在用document.ready函数中的函数覆盖在onclick属性中定义的click函数。

    添加到哪里被调用?请向我们展示HTML标记…而不是PHP。@balupton在上面的PHP代码段中添加了从onclick事件被调用的内容@J-P HTML在上面的PHP中。您需要更多的HTML吗?要调用的add_在哪里?请向我们展示HTML标记…而不是PHP。@balupton add_要从上面PHP代码段中的onclick事件调用@J-P HTML在上面的PHP中。你需要更多的HTML吗?所以去掉href中的#?你的代码中应该没有问题,然后我的代码会更清晰。@Nalum@NickCraver将内容添加到div中时,上面的解决方案效果很好。但是,当我尝试将相同的内容添加到HTML中的textarea标记时,什么也没有发生。知道为什么会这样吗?添加
    返回false
    到处理onclick事件的函数末尾。这将阻止跟踪链接(并向url添加丑陋的内容)。@Pied Pipes:appendTo&append创建textarea无法显示的html。如果要附加到textarea,则必须使用html实体,例如,去掉href中的#?代码中应该没有问题,然后我的代码会更清晰。@Nalum@NickCraver将内容附加到div中时,上述解决方案效果很好。但是,当我试图将相同的内容添加到html中的textarea标记中时,什么也没发生。知道为什么会这样吗?添加
    返回false
    到处理onclick事件的函数末尾。这将阻止跟踪链接(并向url添加丑陋的内容)。@Pied Pipes:appendTo&append创建textarea无法显示的html。如果你想附加到一个文本区域,你必须使用html实体,例如,重要的是要区分他/她没有覆盖,他们正在添加一个点击处理程序,如果链接在
    #filters
    内,也就是说。是的,尼克是对的。Nalum添加的散列锚成功了。但是,我在尝试将()附加到textarea标记时遇到了麻烦。有什么建议吗?重要的是要区分他/她没有覆盖,他们正在添加一个点击处理程序,如果该链接在
    #filters
    中,也就是说。是的,尼克是对的。Nalum添加的散列锚成功了。但是,我在尝试将()附加到textarea标记时遇到了麻烦。有什么建议吗?
    function add_to () {
            $('<h1>Test</h1>').appendTo('.ad_text');
        }
    
    $(document).ready(function(){
    
            //when a link in the filters div is clicked...
            $('#filters a').click(function(e){
    
                //prevent the default behaviour of the link
                e.preventDefault();
    
                //get the id of the clicked link(which is equal to classes of our content
                var filter = $(this).attr('id');
    
                //show all the list items(this is needed to get the hidden ones shown)
                $('#content ul li').show();
    
                /*using the :not attribute and the filter class in it we are selecting
                only the list items that don't have that class and hide them '*/
                $('#content ul li:not(.' + filter + ')').hide();
    
            });
    
        });
    
    foreach ($words as $word) {
        echo    "<li class='$word[0]'><a href='#' onclick='add_to();'>$word</a></li>";
    }