내 코드에서 이전 질문에서 다음 두 줄을 사용하고 있습니다.
$(this).removeClass('page larger').addClass('current');
$(this).siblings().removeClass('current').addClass('page larger');
성공하지 못한 곳이라면 어디서든 사용할 수 있습니다. 그러나 내가 성공 안에 그들을 배치하면 : 그들은 일하지 않을 것이다. 나는 그들이 성공할 때만 일할 필요가있다. 이 문제를 어떻게 해결할 수 있습니까?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>PHP, jQuery search demo</title>
<style type="text/css">
.current{
padding:5px;
border:1px solid #000000;
background-color:white;
cursor:pointer;
}
.page{
padding:5px;
border:1px solid #000000;
background-color:red;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://localhost/jQuery1.8.3.js"></script>
<script type="text/javascript">
$(function() {
$('.page').live('click', function() {
var menus =($(this).attr("menus"));
var data = menus;
if(data) {
//alert (data);
// // ajax call
$.ajax({
type: "GET",
url: "pages.php",
data: data,
dataType: "json",
cache: false,
beforeSend: function(html) {
$(".pageLoading").html("Fetching new posts...");
},
success: function(page_data){
$(".posts").empty();
$(".pageLoading").empty();
$(".posts").html(page_data['articles']);
console.log (page_data['articles']);
$(this).removeClass('page larger').addClass('current');
$(this).siblings().removeClass('current').addClass('page larger');
},
});
}
return false;
});
/////////////////////////////////////////////////////////////////////////
});
</script>
</head>
<body>
<div class="posts">These are the existing posts</div>
<br />
<div class="navigation clearfix">
<div class="menusHolder">
<span menus="in/consumer/p22" class="current">1</span>
<span menus="in/consumer/p19" class="page larger">2</span>
<span menus="in/consumer/p15" class="page larger">3</span>
<span menus="in/consumer/p10" class="page larger">4</span>
</div>
</div>
<br />
<div class="pageLoading"></div>
</body>
</html>
의미를 함수 내부에서 (당신이 무엇을 의미하는지부터) : 다음과 같이
는 단순히 Ajax 호출에에 추가 할 수 있습니다. '$'내의 selector를 명시 적으로 언급하십시오 – mshsayem