Question

我应用了一个我在github上找到的ajax分页系统。它很好但流媒体插件停止工作，我在谷歌搜索了一段时间，但我没有找到解决方案。（我甚至尝试过jquery noConflict（）方法）有人可以帮我吗？（这是我关于这个话题的第二篇文章）这是我的index.php：

<!DOCTYPE html>
<html lang="tr">
<head>
<title>Project</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&amp;subset=latin,latin-ext,cyrillic-ext' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 


<script type="text/javascript">
            $(document).ready(function(){
                function loading_show(){
                    $('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
                }
                function loading_hide(){
                    $('#loading').fadeOut('fast');
                }                
                function loadData(page){
                    loading_show();                    
                    $.ajax
                    ({
                        type: "POST",
                        url: "load_data.php",
                        data: "page="+page,
                        success: function(msg)
                        {
                            $("#container").ajaxComplete(function(event, request, settings)
                            {
                                loading_hide();
                                $("#container").html(msg);
                            });
                        }
                    });
                }
                loadData(1);  // For first time page load default results
                $('#container .pagination li.active').live('click',function(){
                    var page = $(this).attr('p');
                    loadData(page);
                });           
            });
        </script>

<script>
$(document).ready(function()
{
    flowplayer(".player", "./flowplayer/flowplayer-3.2.16.swf",
    {
        clip:  
        {
            autoPlay: false,
            autoBuffering: false
        }
    });
}); 
</script>   

<style type="text/css">
            #container .pagination ul li.inactive,
            #container .pagination ul li.inactive:hover{
                background-color:#ededed;
                color:#bababa;
                border:1px solid #bababa;
                cursor: default;
            }
            #container .data ul li{
                list-style: none;
                margin: 5px 0 5px 0;
                color: #000;
                font-size: 13px;
            }

            #container .pagination{
                width: 100%;
                height: 25px;
                margin-top:10px;
                margin-bottom:10px;
            }

            #container .pagination ul{
                position:relative;
                margin:auto;
                width: 90%;
                height: 25px;

            }

            #container .pagination ul li{
                list-style: none;
                float: left;
                border: 1px solid #19399F;
                padding: 2px 6px 2px 6px;
                margin: 0 3px 0 3px;
                font-size: 14px;
                color: #19399F;
                font-weight: bold;
                background-color: #f2f2f2;
            }
            #container .pagination ul li:hover{
                color: #fff;
                background-color: #19399F;
                cursor: pointer;
            }
        </style>
</head>

<body>

<div id="wrapper">
     .
     .
     .
<div id="container">
  <div class="data"></div>
  <div class="pagination"></div>
</div>                          
     .
     .
     .
</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>
</body>
</html>

ajax和flowplayer之间的javascript冲突

0 个答案: