我有一个按钮列表。每当我按下按钮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。