单击按钮(jQuery)时更改php include


Change php include when clicking on button (jQuery)

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

$('.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'); ?>')
});

includes中填充了一个div类文本div一个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>')
});

它不可能工作。PhP在服务器上进行解释,然后在客户端上运行javascript代码。

您不想更改include。这不是一个选择。

看来你想使用AJAX。您可以使用$.load将include的内容加载到网站的任何元素中。

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

$(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");
    });
});

不可能。PHP在服务器上运行,Jquery在浏览器上运行。

你可能想更改div或的内容

对于

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

其中iframe源可以是要显示的第二个链接的url。