Question

因此出于某种原因，我无法通过类删除使jquery对锚定点击做出反应。另一个功能正常。我已经尝试将它从类更改为id并且它不起作用我也尝试将id更改为工作函数的id但它仍然没有做任何事情。

<?php
    if(isset($_POST['submit'])){
        foreach($_POST['champion'] as $champion){
            echo $champion.'<br>';
        }
    }else{
?>
<a href="#" id="AddChampion">Add Champion</a>
<form name="second_form" id="second_form" method="POST">
    <div id="ChampionInput">
    </div>
    <input type="submit" name="submit">
</form>
<?php 
    }
?>
$(document).ready(function(){
    championNumber = 1;
    $('a#AddChampion').on('click',function(){
        $('#ChampionInput').append(
        '<a href="#" class="remove">Remove</a>\
         <br>\
         <input type="text" name="champion[]" placeholder="Champion '+championNumber+'">\
         <br>');
        championNumber++;
    });
    $('a.remove').on('click',function(){
        alert('test');

    });
});

Answer 1

你有一个与你的锚相关联的href。您需要将代码更新为

$('a#AddChampion').on('click',function(event){
    event.preventDefault(); // prevent the default handling
    .....
});

$("#ChampionInput").on('click', 'a.remove', function(event){
    event.preventDefault();
    alert('test');

});

供参考 - http://plnkr.co/edit/Y2tiJf9u6kLR7lkiUuFT?p=preview

使用jquery中的href类单击时的函数

1 个答案: