Question

这些功能：

// Moves up the content of corresponding #NO.. div
$('.remonteur').click( function(){

    // what div should be moved up ?
    var numord = $(this).attr("id").substring(1);
    if ( numord === '1' ){
        return; // we can't move up 
    }

    // previous div order number is 
    var precedant = parseInt(numord) - 1;

    // store div contents (selected and previous) in variables
    var txtaremonter = $('#NO' + numord ).html();
    var txtadescendre = $('#NO' + precedant ).html();

    // empty both divs / toggle contents
    $('#NO' + numord ).empty();
    $('#NO' + numord ).append(txtadescendre);
    $('#NO' + precedant ).empty();
    $('#NO' + precedant ).append(txtaremonter);

    // change ids of '.remonteur' & '.descendeur' (spans used to trigger replacements)
    $('#M' + numord ).attr('id','tempoM'); // temporary value for current
    $('#D' + numord ).attr('id','tempoD');
    $('#M' + precedant ).attr('id','M' + numord); // previous becomes current
    $('#D' + precedant ).attr('id','D' + numord);
    $('#tempoM').attr('id','M' + precedant); // current becomes previous
    $('#tempoD').attr('id','D' + precedant);
});


// Same thing, way down
$('.descendeur').click( function(){

    var numord = $(this).attr("id").substring(1);
    var suivant = parseInt(numord) + 1;
    if ( $('#NO' + suivant ).attr("name") === 'source_citee' ){
        return; // we don't want to go any further
    }
    var txtaremonter = $('#NO' + suivant ).html();
    var txtadescendre = $('#NO' + numord ).html();
    $('#NO' + numord ).empty();
    $('#NO' + numord ).append(txtaremonter);
    $('#NO' + suivant ).empty();
    $('#NO' + suivant ).append(txtadescendre);
    $('#M' + numord ).attr('id','tempoM');
    $('#D' + numord ).attr('id','tempoD');
    $('#M' + suivant ).attr('id','M' + numord);
    $('#D' + suivant ).attr('id','D' + numord);
    $('#tempoM' ).attr('id','M' + suivant);
    $('#tempoD' ).attr('id','D' + suivant);
});

与此类HTML结构一起使用

<div id = 'NO1'>
    <div id = 'classification'>
        <h3 class = 'titre_chap'>Classification
            <span class = 'remonteur' id = 'M1' title = 'monter ce contenu'></span>
            <span class = 'descendeur' id = 'D1' title = 'descendre ce contenu'></span>
        </h3>
        <p>texte</p>
    </div>
 </div> 
<div  id='NO2'>
    <div  name='propriete'>
        <h3 class='titre_chap'>Propriétés 
            <span class='remonteur' id='M2' title='monter ce contenu'></span>
            <span class='descendeur' id='D2' title='descendre ce contenu'></span>
        </h3>
        <p>texte</p>
    </div>
 </div>

工作正常... html文本ID按预期更换

但是在点击之后该跨度不再触发任何东西...

感谢您的帮助！

Answer 1

虽然订单号没有按照我想要的方式改变（我应该能够以另一种方式改变），但here上接受的答案会根据我的需要随时移动元素。简单，高效！

Jquery click（）只触发一次

1 个答案: