Benim Codeigniter görünümlerde benim jQuery yükleme ile ilgili sorun

2 Cevap php

Ben de, o inşaat yoldur kullanıcılar olarak orada gösterime sayfaları eklemek ve kaldırmak için izin verir ve onlar gibi ne zaman bir sayfa web sitesi üzerinde çalışıyorum eğer bir 'Blog' bölümünde gerektiği ana nav tık 'Blog' onlar daha sonra 'Haberler' bölümünde de, ben sadece bir seferde bir bölüm olabilir gibi görünüyor, bu uygulamaya başladık ancak yol görünür olmalı, benim kod izin uyarlanabilir olabilir 'Haberler' tıklarsanız, sayfada görünür Ana sayfada gösterilen birden fazla bölümleri.

Burada ana menü ve üzerinde kullanıcıların seçimleri vardır sayfası için benim kodudur.

 <!DOCTYPE html>
<head>
    <title>Development Site</title>
    <link rel="stylesheet" href="/media/css/reset.css" media="screen"/>
    <link rel="stylesheet" href="/media/css/generic.css" media="screen"/>
    <script type="text/javascript" src="/media/javascript/jquery-ui/js/jquery.js"></script>
    <script type="text/javascript" src="/media/javascript/jquery-ui/development-bundle/ui/ui.core.js"></script>
    <script type="text/javascript" src="/media/javascript/jquery-ui/development-bundle/ui/ui.accordion.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
       		$('a.menuitem').click(function() {
    			var link = $(this), url = link.attr("href");
    			    $("#content_pane").load(url);
    			    return false; // prevent default link-behavior
    		});
     });
       </script>
    </head>
    <body>
    	<li><a class="menuitem" href="inspiration">Inspiration</a></li>
    	<li><a class="menuitem" href="blog">Blog</a></li>
    	<div id="content_pane">

    	</div>
    </body>
    </html>

2 Cevap

Mike koymak ne Bina .. bunu:

$('a.menuitem').click(function(e) { 
                    var link = $(this), url = link.attr("href"); 
                        var $newDiv = '<div></div>'; 
                        $("#content_pane").append($newDiv); 
                        $newDiv.load(url); 
                        e.preventDefault; // prevent default link-behavior 
            });

E.preventDefault (); meydana gelen varsayılan eylemi duracaktır. Sonra linki takip olmamalıdır. Yanlış Dönüş genellikle. Sunmak () fonksiyonu kullanılır. Sen. Tıklama () için. PreventDefault gerekir.

Böyle bir şey denemelisiniz

$('a.menuitem').click(function() {
                    var link = $(this), url = link.attr("href");
                        var $newDiv = '<div></div>';
                        $("#content_pane").append($newDiv);
                        $newDiv.load(url);
                        return false; // prevent default link-behavior
            });

Ben ancak çalışmak gerektiğini test sığınak. Eğer sonuç rapor edin eğer.

Alternatif, yüklenen içerik saklayan bir değişken oluşturmak bir div öğesi içine sarın ve # content_pane için oluşturulan öğe ekleyebilirsiniz

etiketler