CSS,Java脚本在php中调用ajax后无法正常工作
CSS, Java script not working properly after ajax call in php
我在php页面中调用了一个ajax函数,该函数工作正常,并根据要求提供输出,但在ajax调用后,它不会将默认的css和javascript属性返回到Input type select,
以下是我用于ajax调用的代码
<script>
function ajax_call(str) {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("and").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("POST","ajaxpage.php?q="+str,true);
xmlhttp.send();
}
</script>
它在输出中返回ajaxpage.php,现在我在ajaxpagephp页面中有一个下拉列表,它使用了choosen.css、choosen.js和multiselect.css以及multiselect.js,但这个下拉列表工作不正常,由于上面的ajax页面调用,上面的css和js都不正常,我已经在主页中应用了所有的css和js,请帮助我解决这个问题。
在ajax完成并将内容加载到html页面后,您必须再次初始化choosen。它无法正常工作,因为初始化chooseon时,DOM中不存在html。
您可以尝试使用$.ajax
下面我用了你的函数名,你可以在点击/更改事件中使用。如果是theResponse
,则ajaxpage.php
的输出是选择框本身,您可以在父页面的div中显示它
注意:Didnt测试了下面的代码
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function ajax_call(str) {
$.ajax({
type: "POST",
url: "ajaxpage.php",
data: { q:str},
success: function(theResponse) {
// Output from ajaxpage.php
alert(theResponse); // comment this
}
});
}
});
</script>
将.css和.js文件包含在发出ajax请求的页面中,而不是返回请求的页面。还要在ajax请求之后初始化受脚本影响的对象,因为在请求之前不会加载有问题元素的html。此外,您还可以使用.on
方法将函数绑定到DOM中尚不存在的元素-请查看此处以获取有关.on
方法的更多信息将单击事件附加到尚未添加到DOM 的JQuery对象
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript打印功能使日历停止工作
- Javascript.getHours()工作不正常
- 为什么这在IE中的工作方式与在Firefox中不同
- 视频HTML没有'无法在Internet Explorer 11上工作
- 扩展移相器按钮类不工作
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 正在尝试使用if和else添加类,但无法正常工作
- Jquery FadeIn FadeOut 只工作一次
- Foreach无法在Typescript中工作
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- JS可以在Chrome中工作,但不能在Firefox中工作
- ajaxToolkit PopupControlExtender不工作.过时的
- HTML标记在脚本标记中工作
- javascript扫雷器floodfill算法不能正常工作