Ghép nối trong Bộ chọn jQuery

Question

Vấn đề đơn giản. Tôi có một biến js tôi muốn được ghép nối quá trong một bộ chọn jQuery. Tuy nhiên nó không hoạt động. Không có lỗi nào xuất hiện. Chuyện gì thế? Làm cách nào để kết hợp chính xác một biến cho một số văn bản trong bộ chọn jQuery.

<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

Không có gì sai với cú pháp của

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

jQuery là chấp nhận một String (thường là một CSS Selector) hoặc một DOM Node như tham số để tạo ra một jQuery Object.

Trong trường hợp của bạn, bạn phải vượt qua một String để $() đó là

$(<a string>) 

Đảm bảo bạn có quyền truy cập vào các biến number và text.

Để kiểm tra làm:

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

Nếu bạn thấy bạn không có quyền truy cập, vượt qua chúng như tham số cho hàm, bạn phải bao gồm các thông số uual với $ .get và vượt qua các thông số tùy chỉnh sau đó.

Answer 2

Cú pháp nối của bạn là chính xác.

Nhiều khả năng chức năng gọi lại thậm chí không được gọi. Bạn có thể kiểm tra điều đó bằng cách đặt một dòng alert(), console.log() hoặc debugger trong hàm đó.

Nếu không được gọi, rất có thể xảy ra lỗi AJAX. Nhìn vào chaining một handler .fail() sau $.post() để tìm ra những lỗi này là, ví dụ .:

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