ajax分页和flowplayer插件之间的javascript冲突
我在我的web项目中应用了ajax分页，它工作得很好，但是我的flowplayer插件停止工作了。我认为它们存在冲突，或者它们正在覆盖彼此的javascript，所以我在web中搜索了一段时间，但找不到解决方案。（我甚至尝试了无冲突的方法） 我该怎么办？有人能帮我吗？ 这是我的index.php：ajax分页和flowplayer插件之间的javascript冲突,javascript,jquery,ajax,conflict,flowplayer,Javascript,Jquery,Ajax,Conflict,Flowplayer,我在我的web项目中应用了ajax分页，它工作得很好，但是我的flowplayer插件停止工作了。我认为它们存在冲突，或者它们正在覆盖彼此的javascript，所以我在web中搜索了一段时间，但找不到解决方案。（我甚至尝试了无冲突的方法） 我该怎么办？有人能帮我吗？ 这是我的index.php： <?php // This first query is just to get the total count of rows $sql = "SELEC
<?php
// This first query is just to get the total count of rows
$sql = "SELECT id_video FROM video ORDER BY id_video DESC";
$res = $connexion->query($sql);
$count=$res->rowCount();
//print_r($count);
// Here we have the total row count
//$total_rows = $row[0];
// Specify how many results per page
$rpp = 4;
// This tells us the page number of our last page
$last = ceil($count/$rpp);
// This makes sure $last cannot be less than 1
if($last < 1){
$last = 1;
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Exemple</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/typocolor.css" />
<link rel="stylesheet" href="css/index_media_ie.css" />
<link rel="shortcut icon" href="image/favicon.ico" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext,cyrillic-ext' rel='stylesheet' type='text/css'>
<script>
$(document).ready(function()
{
flowplayer(".player", "./flowplayer/flowplayer-3.2.16.swf",{
clip: {
autoPlay: false,
autoBuffering: false
}
});
});
</script>
<script type="text/javascript" >
var rpp = <?php echo $rpp; ?>; // results per page
var last = <?php echo $last; ?>; // last page number
function request_page(pn){
var results_box = document.getElementById("results_box");
var pagination_controls = document.getElementById("pagination_controls");
results_box.innerHTML = "loading results ...";
var hr = new XMLHttpRequest();
hr.open("POST", "pagination_parser.php", true);
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
hr.onreadystatechange = function() {
if(hr.readyState == 4 && hr.status == 200) {
var dataArray = hr.responseText.split("||");
var html_output = "";
for(i = 0; i < dataArray.length - 1; i++){
var itemArray = dataArray[i].split("|");
html_output += "<li>";
html_output += "<article>";
html_output += "<h3>"+itemArray[0]+"</h3>";
html_output += "<a class=\"player\" href="+itemArray[1]+" style=\"border:1px solid #bfbfbf;display:block;width:90%;height:250px;position:relative;margin:auto;padding:5px;background-color:white;box-shadow: 0px 0px 5px rgb(204, 204, 204);\"></a>";
html_output += "<p>"+itemArray[2]+"</p>";
html_output += "</article>";
html_output += "</li>";
}
results_box.innerHTML = html_output;
}
}
hr.send("rpp="+rpp+"&last="+last+"&pn="+pn);
// Change the pagination controls
var paginationCtrls = "";
// Only if there is more than 1 page worth of results give the user pagination controls
if(last != 1){
if (pn > 1) {
paginationCtrls += '<button onclick="request_page('+(pn-1)+')"><</button>';
}
paginationCtrls += ' <b>Page '+pn+' of '+last+'</b> ';
if (pn != last) {
paginationCtrls += '<button onclick="request_page('+(pn+1)+')">></button>';
}
}
pagination_controls.innerHTML = paginationCtrls;
}
</script>
</head>
<body>
<div id="wrapper">
.
.
.
</div>
<script src="./js/jquery.js"></script>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="./js/bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="./js/bxslider/jquery.bxslider.css" rel="stylesheet" />
<script src="./flowplayer/flowplayer-3.2.12.min.js"></script>
<script src="./js/comportement.js"></script>
<script> request_page(1); </script>
</body>
</html>
例
$（文档）.ready（函数（）
{
flowplayer（“.player”，”/flowplayer/flowplayer-3.2.16.swf“{
剪辑：{
自动播放：错误，
自动缓冲：错误
}
});
});
var rpp=；//每页结果
var last=；//最后页码
功能请求页面（pn）{
var results\u box=document.getElementById（“results\u box”）；
var pagination_controls=document.getElementById（“pagination_controls”）；
结果_box.innerHTML=“加载结果…”；
var hr=新的XMLHttpRequest（）；
打开（“POST”，“pagination_parser.php”，true）；
hr.setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
hr.onreadystatechange=函数（）{
如果（hr.readyState==4&&hr.status==200）{
var dataArray=hr.responseText.split（“| |”）；
var html_output=“”；
对于（i=0；i”；
html_输出+=“”；
html_输出+=“”+itemArray[2]+“”；
html_输出+=“”；
html_输出+=“”；
}
结果\u box.innerHTML=html\u输出；
}
}
hr.send（“rpp=“+rpp+”&last=“+last+”&pn=“+pn”）；
//更改分页控件
var paginationtrls=“”；
//只有当结果超过1页时，才给用户分页控件
如果（最后一个！=1）{
如果（pn>1）{
分页trls+=''；
}
分页trls+='Page'+pn+'共'+last+''；
如果（pn！=最后一次）{
分页trls+=''；
}
}
pagination_controls.innerHTML=分页trls；
}
.
.
.
请求第（1）页；
试着注释掉并执行你的脚本，我认为它的jQuery与之冲突。我知道一开始我是孤立的，但在他们投票失败后，我把所有代码都删除了
<?php
// Make the script run only if there is a page number posted to this script
if(isset($_POST['pn'])){
$rpp = preg_replace('#[^0-9]#', '', $_POST['rpp']);
$last = preg_replace('#[^0-9]#', '', $_POST['last']);
$pn = preg_replace('#[^0-9]#', '', $_POST['pn']);
// This makes sure the page number isn't below 1, or more than our $last page
if ($pn < 1) {
$pn = 1;
} else if ($pn > $last) {
$pn = $last;
}
// Connect to our database here
include_once("bdd.php");
$connexion->exec("SET CHARACTER SET utf8");
// This sets the range of rows to query for the chosen $pn
$limit = 'LIMIT ' .($pn - 1) * $rpp .',' .$rpp;
// This is your query again, it is for grabbing just one page worth of rows by applying $limit
$sql = "SELECT * FROM video ORDER BY id_video DESC $limit";
$res = $connexion->query($sql);
//$query = mysqli_query($db_conx, $sql);
$dataString = '';
while($row = $res->fetch(PDO::FETCH_ASSOC))//mysqli_fetch_array($query, MYSQLI_ASSOC)){
{
$titre=$row['titre'];
$description=$row['description'];
$src=$row['source_video'];
//$itemdate = strftime("%b %d, %Y", strtotime($row["datemade"]));
$dataString .= $titre.'|'.$src.'|'.$description.'||';
}
// Close your database connection
//mysqli_close($db_conx);
// Echo the results back to Ajax
echo $dataString;
exit();
}
?>