Question

我有一个按钮列表。每当我按下按钮1时，它应该将当前打开的php include更改为另一个php include。我是这样做的：

$('.allbuttons #button1').click(function() {
    $('.textDiv').hide().show('<?php include($_SERVER['DOCUMENT_ROOT'].'/includes/link1.php'); ?>')
});

然后如果你点击按钮2，它应该再次改变：

$('.allbuttons #button2').click(function() {
    $('.textDiv').hide().show('<?php include($_SERVER['DOCUMENT_ROOT'].'/includes/link2.php'); ?>')
});

包含的内容是div分类的textDiv a h2标题和一些p文本。

它似乎没有用，正如你可能猜到的那样：）

编辑：正如人们评论的那样，我不能这样做。有没有其他方法可以更改标题和段落？

再次编辑：更多评论！好极了！我想要改变它，然后：

$('.allbuttons #button2').click(function() {
    var h1 = 'header for link 1';
    var p1 = 'paragraph for link 1';
    $('.textDiv').html('<h1>' + h1 + '</h1> NEW LINE (how?) <p>' + p1 + '</p>')
});

Answer 1

它无法开始工作。在客户端上运行javascript代码之前，PhP在服务器上进行解释。

Answer 2

您不想更改包含。那不是一个选择。

您似乎想要使用AJAX。您可以使用$.load在网站的任何元素中加载包含内容。

例如。要在元素link1.php中加载#links，我们可以执行以下操作：

$(document).ready(function() {
    $('.allbuttons #button1').click(function() {
         $('#links').load("http://"+ document.domain + "/includes/link1.php");
    });

    $('.allbuttons #button2').click(function() {
        $('#links').load("http://"+ document.domain + "/includes/link2.php");
    });
});

Answer 3

不可能。 PHP在服务器上运行，Jquery在您的浏览器上运行。

您可能想要更改div或其他内容

表示

$(document).ready(function() {
    $('.allbuttons #button2').click(function() {
         $("textdiv").html("<iframe src='http://yoururlhere.com'></iframe>")
     });   
});

iframe源可以是您要显示的第二个链接的网址。

单击按钮（jQuery）时更改php包括

3 个答案: