2015-08-24 98 views
0

當jQuery的添加類,我需要添加排序到我的網頁,但該類不加入到活躍的排序選擇...PHP +更改URL

這裏是我的代碼:

<ul class="nav nav-tabs"> 
    <li class="menusel active" name="hlavni" onclick="deleteClass()"> 
     <a href="?sort=hlavni">Hlavní nástěnka</a> 
    </li> 
    <li class="menusel" name="date" onclick="deleteClass()"> 
     <a href="?sort=date">Nejnovější</a> 
    </li> 
    <li class="menusel" name="dulezite" onclick="deleteClass()"> 
     <a href="?sort=dulezite">Nejdůležitější</a> 
    </li> 
    <li class="menusel" name="hledane" onclick="deleteClass()"> 
     <a href="?sort=hledane">Nejhledanější</a> 
    </li> 
    <?php 
     $sort = $_GET['sort']; 
     echo "<script language='jscript'> 
     $('$sort').addClass('active'); 
     </script>"; 
    ?> 
    <script language="jscript"> 
     function deleteclass() { 
      $('.active').removeClass('active'); 
     } 
    </script> 
    <div style="float: right; margin-left: 100px;"> 
     <h1 style="font-family: Helvetica; margin-right: 50px">Nástěnka</h1> 
    </div> 
</ul> 

你看怎麼了?

+0

哪個階級不加入。爲什麼你在$使用「$排序」( '$排序')addClass( '激活')。 – shafiq

+0

用'$(函數(){'在開始和'})覆蓋你的JavaScript;'在結束時,你通過'php'呼應 – Viral

+0

因爲據我所知我不能使用像「localhost /?sort = date「,只有當我試圖在不改變url的情況下使用它時,它不會對頁面的內容進行排序...... –

回答

0

我解決了它這樣的:

<ul class="nav nav-tabs"> 
       <li class="menusel active" id="hlavni" onclick="deleteclass()"><a href="?sort=hlavni">Hlavní nástěnka</a></li> 
       <li class="menusel" id="date" onclick="deleteclass()"><a href="?sort=date">Nejnovější</a></li> 
       <li class="menusel" id="dulezite" onclick="deleteclass()"><a href="?sort=dulezite">Nejdůležitější</a></li> 
       <li class="menusel" id="hledane" onclick="deleteclass()"><a href="?sort=hledane">Nejhledanější</a></li> 
       <?php 
       $sort = $_GET['sort']; 
       echo "<script language='jscript'> 
       $(function(){ 
        $('#".$sort."').addClass('active'); 
        var sort = '".$sort."'; 
        switch(sort){ 
         case 'date': 
         case 'dulezite': 
         case 'hledane': 
         $('#hlavni').removeClass('active'); 
         break; 
         case 'hlavni': 
         default: 
         break; 
         } 
       }); 
       </script>"; 
       ?> 
       <script language="jscript"> 
        function deleteclass() { 
         $('.active').removeClass('active'); 
         } 
       </script> 
       <div style="float: right; margin-left: 100px;"><h1 style="font-family: Helvetica; margin-right: 50px">Nástěnka</h1></div> 
      </ul> 
0

如果你想使用get params來設置活動頁面,你不需要使用js。 只是用這樣的:

<li class="menusel <?php echo $_GET['sort']=='hlavni' ? 'active' : ''; ?>" name="hlavni" onclick="deleteClass()"><a href="?sort=hlavni">Hlavní nástěnka</a></li> 

同爲他人鏈接