1

私は3つのタブで作業していますが、ホバーイベントが開始されていないようです。別の画像ソース、つまりPHPを使用する必要があるセクションにいるかどうかを判断するPHPがあります。PHPは、私が見る限り、適切なSRCを吐き出している。

コード：

$("#tab1").hover(
  ("#tab1").attr("src","img/home_menu_images/png/home_mainmenu_hover_tab1.png"),
  ("#tab1").attr("src","PHP_SRC1"));

$("#tab2").hover(
  ("#tab2").attr("src","img/home_menu_images/png/home_mainmenu_hover_tab2.png"),
  ("#tab2").attr("src","PHP_SRC2"));

$("#tab3").hover(
  ("#tab3").attr("src","img/home_menu_images/png/home_mainmenu_hover_tab3.png"),
  ("#tab3").attr("src","PHP_SRC3"));

PHP_SRC(num)echoを囲むPHPの開閉タグはどこにありますか$tab_image_(num)。

4

2 に答える 2

0

私自身の観点からは、jquery タブはあまり好きではありません... タブを作成する簡単な方法があります... ul li タグと組み合わせた html アンカーを追加し、それらに jquery クリック イベントを追加します...クリック イベントで $post または $get を作成し、必要なものを div コンテナーにレンダリングします...これは、これらのタブ コントロールを使用するよりもはるかに簡単です...

<ul class="menu">
  <li><a onclick="function1()" class="active">tab1</a></li>
  <li><a onclick="function2()">tab2</a></li>
</ul>

<div id="content">
</div>

<script>
  function function1() {
     $('#content').html('Loading...');
        $.get("/yourdomain/someurl1", { }, function(data) {            
            $('#content').html(data);
        });
  }

  function function2() {
     $('#content').html('Loading...');
        $.post("/yourdomain/someurl2", { id: 1}, function(data) {            
            $('#content').html(data);
        });
  }
</script>

それはあなた次第です

于 2012-10-06T01:06:04.077 に答える
0

私の最初の傾向は、関数$の最初にが欠けていることです。mouseover, mouseoutそれらを追加してみてください：

$("#tab1").hover(
    $("#tab1").attr("src", "img/home_menu_images/png/home_mainmenu_hover_tab1.png"),
    $("#tab1").attr("src", "PHP_SRC1")
);
$("#tab2").hover(
    $("#tab2").attr("src", "img/home_menu_images/png/home_mainmenu_hover_tab2.png"),
    $("#tab2").attr("src", "PHP_SRC2")
);
$("#tab3").hover(
    $("#tab3").attr("src", "img/home_menu_images/png/home_mainmenu_hover_tab3.png"),
    $("#tab3").attr("src", "PHP_SRC3")
);

それでもうまくいかない場合は、無名関数でラップしてみてください。

$("#tab1").hover(
    function () {$("#tab1").attr("src", "img/home_menu_images/png/home_mainmenu_hover_tab1.png");},
    function () {$("#tab1").attr("src", "PHP_SRC1");}
);
$("#tab2").hover(
    function () {$("#tab2").attr("src", "img/home_menu_images/png/home_mainmenu_hover_tab2.png");},
    function () {$("#tab2").attr("src", "PHP_SRC2");}
);
$("#tab3").hover(
    function () {$("#tab3").attr("src", "img/home_menu_images/png/home_mainmenu_hover_tab3.png");},
    function () {$("#tab3").attr("src", "PHP_SRC3");}
);
于 2012-10-06T01:01:08.603 に答える