0

index.html

<html>
<head>
    <script type="text/javascript" src = "jquery-1.10.1.js"></script>
    <script type="text/javascript" language = "javascript">
        function swapContent(cv)
        {
            $_("#myDiv").html("Put animated .gif here").show();
            var url= "myphpscript.php";
            $_post(url,{contentVar:cv},function(data){
                $_("#myDiv").html(data).show();
            });
        }


    </script>

</head>
<body>
    <a href = "#" onClick = "return false" onmousedown = "javascript.swapContent('Con1')"> Content1 </a> &nbsp;&bull;&nbsp;
    <a href = "#" onClick = "return false" onmousedown = "javascript.swapContent('Con2')"> Content2 </a> &nbsp;&bull;&nbsp;
    <a href = "#" onClick = "return false" onmousedown = "javascript.swapContent('Con3')"> Content3 </a> &nbsp;&bull;&nbsp;
    <div id = "myDiv"> My Default Content 1</div>

  </body>
</html>

myphpscript.php

<html>
<body>
<?php
    $_contentVar = $_POST['contentVar'];
    if($_contentVar == 'Con1')
    {
        echo ' My Defaut Content';
    }
else if($contentVar == 'Con2')
    {
        echo ' My Defaut Content 2';
    }
else if($contentVar == 'Con3')
    {
        echo ' My Defaut Content 3';
    }
?>
  </body>
</html>

onmousedownイベントの完了時に動的コンテンツを表示しようとしています。私はまだアニメーションを行っていませんが、さまざまなリンクを選択する際に必要なものを変更したかったのですが、divs動作していないようです.jQueryファイルは正しくロードされています.

4

2 に答える 2

0

条件が間違っています

$_contentVar = $_POST['contentVar'];


if( $_contentVar == 'Con1')  //here you are using   $contentVa not  $_contentVar
于 2013-06-12T07:33:10.590 に答える
0

なぜ _ を使用したのかわかりませんが$_("#myDiv")..、あなたの JavaScript コードは

    function swapContent(cv)
    {
        $("#myDiv").html("Put animated .gif here").show();
        var url= "myphpscript.php";
        $.post(url,{contentVar:cv},function(data){
            $("#myDiv").html(data).show();
        });
    }

また、私が目にするもう1つの問題は、javascript.swapContent('Con1')ではなくjavascript:swapContent('Con1')である必要がある関数の呼び出し方法にあります。'.' を入れました。それ以外の '：'

したがって、リンクは

<a href = "#" onClick = "return false" onmousedown = "javascript:swapContent('Con1')"> Content1 </a> &nbsp;&bull;&nbsp;
<a href = "#" onClick = "return false" onmousedown = "javascript:swapContent('Con2')"> Content2 </a> &nbsp;&bull;&nbsp;
<a href = "#" onClick = "return false" onmousedown = "javascript:swapContent('Con3')"> Content3 </a> &nbsp;&bull;&nbsp;

PHP スクリプトの変数名も変更する必要があります。

于 2013-06-12T08:05:23.137 に答える