0

索引.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

我不确定你为什么使用 _ in$_("#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();
        });
    }

我看到的另一个问题是你如何调用函数，它应该是 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 回答