버튼이있는 대시 보드를 만드는 작업을 해왔는데 각 버튼은 하나의 컴퓨터를 나타냅니다. 이 버튼은 Jquery 결과에 따라 생성됩니다.
현재는 한 행에 10 개의 버튼을 추가 한 다음 새 행에 계속 추가하고 싶습니다. 또한 내 다른 문제는 ajax의 결과에 따라 버튼 색상을 변경하고 싶다는 것입니다.
다음 코드를 시도했지만 결과적으로 아래에 첨부 한 이미지가 표시됩니다.
이미지 : http://i68.tinypic.com/296oysw.png
(죄송합니다. 저는 Stackoverflow를 처음 사용했기 때문에 이미지를 게시 할 수 없습니다)
$( document ).ready(function(){
var d = new Date();
var now = d.getTime() + 300;
var color;
var u = '/read/machines/' +{{userid}};
$.ajax({
url: u,
type: "GET",
dataType: 'json',
success: function(data) {
$.each(data, function(i, item) {
if (item.lastCommunication > now ){
color = "success";
}else{
color = "warning";
}
if (i != 0 && i%10 == 0){
$('<tr>').append(
$('<td>').append(
$('<button type="info" id="info" class="btn btn-'+color +' btn-lg" ontouchstart="touchAvailable=true; machineInfo('+item.id +');" onclick="if(!touchAvailable) machineInfo('+item.id +');">'+item.name+'</button>')
)
).appendTo('#body');
}else{
$('<td>').append(
$('<button type="info" id="info" class="btn btn-'+color +' btn-lg" ontouchstart="touchAvailable=true; machineInfo('+item.id +');" onclick="if(!touchAvailable) machineInfo('+item.id +');">'+item.name+'</button>')
).appendTo('#body');
}
});
}
});
});
</script>
나는 tdelse 분기 쇼 의 요소가 추가 될 것이라고 생각합니다.#body tr:last
if(i%10 == 0){
$('<tr>').appendTo('#body');
}
$('<td>').append(BUTTON_CODE).appendTo('#body tr:last');
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다