-1

私は1ページのサイト構造を持っています。これは私のメニューです：

私はメニュー構造を持っています:

 <ul id="creamenu" class="menuHolder">
                        <li><a id="news-1-menu" href="#/creative-events">news 1</a></li>
                        <li><a id="news-2-menu" href="#/creative-ajans">news 2</a></li>
                        <li><a id="news-3-menu" href="#/incentive-travel">news 3</a></li>
                    </ul>
                    <ul id="mainmenu" class="menuHolder">
                        <li><a id="about1-menu" href="#/hakkimizda">about 1</a></li>
                        <li><a id="about2-menu" href="#/haberler">about 2</a></li>
                        <li><a id="about3-menu" href="#/galeri">about 3</a></li>
                        <li><a id="about4-menu" href="#/referanslar">about 4</a></li>
                        <li><a id="about5-menu" href="#/iletisim">about 5</a></li>
    </ul>

そして、これはコンテンツ構造です:

<div id='news-1'>
    <!-- content -->
    <!-- content -->


<div id='news-2'>
    <!-- content -->
    <!-- content -->

メニュー項目をクリックすると、視差効果を介してページに移動します (これにはプレミアム プラグインを使用しています)。出来ますか？どうすればできますか？

4

4 に答える 4

1

これを試して ：-

$('ul#creamenu li a').click(function () {
$.ajax({
                type: "POST",
                url: "Your Url",
                data: "{'data':'send data here if you want'}",
                dataType: "json",
                success: function (data) {
                    alert(JSON.Stringify(data));
                },
                error: function (result) {
                    alert("Error");
                }
            });

});
于 2013-01-22T12:00:50.777 に答える
0

タブ付きパネルのような解決策を探していると思います。jQueryを使用してdivを非表示にして表示してみてください。あなたはnews-1、news-2、news-3として3つのメニューを持っており、それらの別々のコンテンツdivを次のようにex：div1、div2、div3にします...

<div id="div1" style="display:none">
some content....
</div>
<div id="div2" style="display:none">
some content....
</div>
<div id="div3" style="display:none">
some content....
</div>

例のメニューのonclickイベントで。news-1は次にdiv1を表示し、他のすべてを次のように非表示にします。

$("#div2").hide();
$("#div3").hide();
$("#div1").show();

次に、他のメニューのコードも変更します。

于 2013-01-22T12:59:28.340 に答える
0

コンテンツが他のファイルにある場合は、次のことができます$.load(url). 

$('#news-1').load('url of the content to load');

コンテンツを同じページに保存すると、メニューをクリックしたときに表示できるようになります。

$('#news-1').on('click',function(){
$('#news-1').appendTo($('#creative-events').html()); // this is the prototype, need to make a generic code
})
于 2013-01-22T11:58:51.367 に答える
0

これを試して

 $('#news-1').load('ajax/page1.html');
 $('#news-2').load('ajax/page2.html');
于 2013-01-22T12:00:11.933 に答える