Question

我在 trouble忙地认识到一种因形式变化而产生的因素。当我选择一个链接时,我就这样做了,但当我对所创造的项目加点功能时,不会发生任何事情。如何做这项工作?

$(function() {

var i = $( #nav li ).size() + 1;

$( a#add ).click(function() {
    $( <li>  + i +  <a href="#" id="add">yes</a></li> ).appendTo( ul );
    i++;
});

$( a#remove ).click(function() {
    $( li:last ).remove();
    i--;
});


});

html code

<ul id="nav">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<a href="#" id="add">Add List Item</a><br/>
<a href="#" id="remove">Remove LI</a>

Answer 1

You need to use live to bind event handlers for dynamically created elements. Your current code will create multiple html elements with same id which is not valid. You can use class names instead to identify the src elements.

为此:

$(function() {
    var i = $( #nav li ).size() + 1;
    $( a.add ).live("click", function() {
        $( <li>  + i +  <a href="#" class="add">yes</a></li> ).appendTo( ul );
        i++;
    });

    $( a.remove ).live("click", function() {
        $( li:last ).remove();
        i--;
    });
});

html Code

<ul id="nav">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
</ul>
<a href="#" class="add">Add List Item</a><br/>
<a href="#" class="remove">Remove LI</a>

Answer 2

改变您的格言:

$(function() {
    var i = $( #nav li ).size() + 1;

    $( a#add ).live( click , function() {
        $( <li>  + i +  <a href="#" id="add">yes</a></li> ).appendTo( ul );
        i++;
    });

    $( a#remove ).live( click , function() {
        $( li:last ).remove();
        i--;
    });
});

Answer 3

你可以在这里使用浮标。 .click刚刚与 mo化活动行动相结合。 http://api.jquery.com/live/rel=“nofollow”>。

Answer 4

为了给一名选择人及由酒吧创造的所有其他人举办活动,你必须使用活(现)功能,而不是短手。

您的法典是把点击事件附在你身上的“新”链接。

$( a#add ).live( click , function() {
    $( <li>  + i +  <a href="#" id="add">yes</a></li> ).appendTo( ul );
    i++;
});

Answer 5

id="add" is only allowed on one element per page. If you use it more than once, bizarre things can happen. Change your code to:

$(function() {
    var i = $( #nav li ).size() + 1;

    $( a#add ).click(function() {
        $( <li>  + i +  <a href="#" class="add">yes</a></li> ).appendTo( ul );
        i++;
    });

    $( ul a.add ).live( click , function() {
        // handle any link with class "add" that was dynamically added to the ul
    });

    $( a#remove ).live( click , function() {
        $( li:last ).remove();
        i--;
    });
});

友情链接