我有一个li
的列表,在mousemove
上,代码会检查某个div
是否包含某个类。如果是这种情况,则启动ajax查询。不幸的是它没有用,我不明白为什么我的代码工作如果我不使用ajax。提前感谢您的帮助。
我的HTML:
<div id="wrapper">
<div id="contentWrapper">
<div id="contentOne" class="content">
<ul>
<li refSortie="mmm">mmm</li>
<li refSortie="sss">sss</li>
<li refSortie="mmm">mmm</li>
<li refSortie="mmm">mmm</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div id="contentTwo" class="content"></div>
<div id="contentThree" class="content"></div>
<div id="contentFour" class="content"></div>
</div>
</div>
我的JS:
$('#contentOne li').mousemove(function () {
var refSortie = $(this).attr('refSortie');
if(!$('#contentOne').hasClass('freezed')) {
$.ajax({
type: 'POST',
url: 'php/test2.php',
data: 'refSortie=' + refSortie,
success: function (data) {
$('#contentTwo').html(data);
}
});
}
}).mouseout(function () {
if(!$('#contentOne').hasClass('freezed')) {
$('#contentTwo').html('');
}
});
我的PHP:
<?php
if(isset($_POST['refSortie'])) {
echo $refSortie=$_POST['refSortie'];
}
?>
答案 0 :(得分:1)
那么,根据你发布的内容。这是我得到的,它对我来说很好。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
</head>
<body>
<div id="wrapper">
<div id="contentWrapper">
<div id="contentOne" class="content">
<ul>
<li refSortie="mmm">mmm</li>
<li refSortie="sss">sss</li>
<li refSortie="mmm">mmm</li>
<li refSortie="mmm">mmm</li>
</ul>
</div>
<div id="contentTwo" class="content"></div>
<div id="contentThree" class="content"></div>
<div id="contentFour" class="content"></div>
</div>
</div>
<script type="text/javascript">
$('#contentOne li').mousemove(function(){
var refSortie=$(this).attr('refSortie');
if(!$('#contentOne').hasClass('freezed')){
$.ajax({
type:'POST',
url:'test2.php',
data:'refSortie='+refSortie,
success:function(data){
$('#contentTwo').html(data);
}
});}
}).mouseout(function(){
if(!$('#contentOne').hasClass('freezed')){
$('#contentTwo').html('');}
});
</script>
</body>
</html>
<?php
if(isset($_POST['refSortie'])) {
echo $refSortie=$_POST['refSortie'];
}
?>
我做的不一样吗?