Php 选项卡菜单不适用于AJAX
从中获得一个选项卡菜单,这在加载网页时工作正常。 我的问题是,当我点击一个按钮时,AJAX就完成了,内容将被加载(使用这个选项卡菜单内容),但是它不能正常工作 以下是我的屏幕截图,其中包括页面加载和AJAX加载 正常页面加载 很好 AJAX加载 不起作用 可能是js文件将仅为页面加载而加载 如何让它在AJAX中工作 我的阿贾克斯Php 选项卡菜单不适用于AJAX,php,ajax,jquery,tabs,zend-framework2,Php,Ajax,Jquery,Tabs,Zend Framework2,从中获得一个选项卡菜单,这在加载网页时工作正常。 我的问题是,当我点击一个按钮时,AJAX就完成了,内容将被加载(使用这个选项卡菜单内容),但是它不能正常工作 以下是我的屏幕截图,其中包括页面加载和AJAX加载 正常页面加载 很好 AJAX加载 不起作用 可能是js文件将仅为页面加载而加载 如何让它在AJAX中工作 我的阿贾克斯 $.ajax({ type: 'GET', url: destinationUrl, data: content, /
$.ajax({
type: 'GET',
url: destinationUrl,
data: content, // my parameters
dataType: "text",
success: function(data) { // data is tab menu content
$('#successDiv').html(data); // data is populated in successDiv
}
});
控制台中没有错误。但是,根据中的示例,tabbing在ajax中的工作方式与在页面加载中的工作方式不同:
你能提供你当前的代码吗?你是说我的ajax代码吗?请发布你的代码。我有我的css文件和js文件,从上面的链接,我按照网站上提到的,可以很好地完成整个页面的加载。我的ajax也可以工作,但是js文件没有加载ajax。整个选项卡内容都来自ajax,因此设计将如screenshot2In tabcontent.js中的ScreenShot2所示。我可以看到EventListener(“DOMContentLoaded”),这可能是由于各种原因造成的??您应该提供一些代码和错误日志。是的,只有js不工作,抱歉,我忘了告诉大家我正在使用zend framework,对于AJAX,布局将被禁用,这样只有内容才会被获取,其他所有内容(包括head)都将被排除在外
<ul class="tabs">
<li><a href="#view1">Features</a></li>
<li><a href="#view2">How to Use</a></li>
<li><a href="#view3">Source Code</a></li>
</ul>
<div class="tabcontents">
<div id="view1">
content 1
</div>
<div id="view2">
content 2
</div>
<div id="view3">
content 3
</div>
</div>
$(document).ready(function(){
$("ul.tabs li a").click(function(){
var menuId = $(this).prop('href');
var el = $(menuId);
menuId = id.substring(1);
var request = $.ajax({
url: "script.php",
type: "POST",
data: {id : menuId},
dataType: "html"
});
request.done(function(msg) {
el.html( msg );
});
request.fail(function(jqXHR, textStatus) {
alert( "Request failed: " + textStatus );
});
})
})