Verketten in jQuery Selector

Question

Einfaches Problem. Ich habe eine js-Variable, die ich auch innerhalb eines jQuery-Selektors verketten möchte. Es funktioniert jedoch nicht. Es tauchen auch keine Fehler auf. Was ist falsch? Wie verknüpfe ich eine Variable korrekt mit einem Text in einem jQuery-Selektor?

<div id="part2"></div> 

<script type="text/javascript" > 

$('#button').click(function() 
{ 
var text = $('#text').val();  
var number = 2; 
$.post('ajaxskeleton.php', { 
red: text  
}, 
    function(){ 
    $('#part' + number).html(text); 
    }); 
}); 


</script> 

Answer 1

Es ist nichts falsch mit der Syntax von

$('#part' + number).html(text); 

jQuery akzeptiert einen String (in der Regel eines CSS-Selektor) oder ein DOM Node als Parameter ein jQuery Object zu erstellen.

In Ihrem Fall sollten Sie einen String zu übergeben, die $()

ist

$(<a string>) 

Stellen Sie sicher, haben Sie Zugriff auf die Variablen number und text.

Zum Test machen:

function(){ 
    alert(number + ":" + text);//or use console.log(number + ":" + text) 
    $('#part' + number).html(text); 
}); 

Wenn Sie sehen, haben Zugriff nicht, sie als Parameter an die Funktion übergeben, müssen Sie die uual Parameter für $ .get umfassen und die benutzerdefinierten Parameter nach ihnen passieren.

Answer 2

Ihre Verkettungssyntax ist korrekt.

Wahrscheinlich wird die Callback-Funktion nicht einmal aufgerufen. Sie können dies testen, indem Sie eine alert(), console.log() oder debugger Zeile in diese Funktion einfügen.

Wenn es nicht aufgerufen wird, liegt wahrscheinlich ein AJAX-Fehler vor. Schauen Sie sich einen .fail() Handler nach $.post() verketten, um herauszufinden, was der Fehler ist, z.B .:

$.post('ajaxskeleton.php', { 
    red: text  
}, function(){ 
    $('#part' + number).html(text); 
}).fail(function(jqXHR, textStatus, errorThrown) { 
    console.log(arguments); 
});