第一次加载页面时,所有内容都正确加载。当使用Ajax(刷新内容)再次加载页面的相同部分时,Jquery不完全加载。
这是因为第一次Jquery是通过“在页面加载时”激活的,所以当在Ajax窗口中打开时-页面实际上还没有重新加载,因此Jquery未被激活吗?
这是我认为导致问题的代码..它是否只需要在Ajax div中激活?
这是因为第一次Jquery是通过“在页面加载时”激活的,所以当在Ajax窗口中打开时-页面实际上还没有重新加载,因此Jquery未被激活吗?
这是我认为导致问题的代码..它是否只需要在Ajax div中激活?
<!-- Once the page is loaded, initalize the plug-in. -->
<script type="text/javascript">
(function ($){
var handler = $('#tiles li');
handler.wookmark({
// Prepare layout options.
autoResize: true, // This will auto-update the layout when the browser window is resized.
container: $('#main'), // Optional, used for some extra CSS styling
offset: 5, // Optional, the distance between grid items
outerOffset: 0, // Optional, the distance to the containers border
itemWidth: 178 // Optional, the width of a grid item
});
// Update the layout.
handler.wookmark();
});
})(jQuery);
</script>
我应该提到,Jquery被用于样式设计(它能巧妙地为页面内容添加样式)。我猜想当handler.wookmark();
被激活时会发生这种情况。我该如何在ajax窗口中激活它?
有人要求我提供我的ajax代码,所以这里是:
<!-- ajax script -->
<script>
window.onload = function () {
var everyone = document.getElementById('everyone'),
favorites = document.getElementById('favorites');
everyone.onclick = function() {
loadXMLDoc('indexEveryone');
var otherClasses = favorites.className;
if (otherClasses.contains("Active")) {
everyone.className = 'filterOptionActive';
favorites.className = 'filterOption';
}
}
favorites.onclick = function() {
loadXMLDoc('indexFav');
var otherClasses = everyone.className;
if (otherClasses.contains("Active")) {
favorites.className = 'filterOptionActive';
everyone.className = 'filterOption';
}
}
function loadXMLDoc(pageName)
{
var xmlhttp;
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("leftCont").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","../home/" + pageName + ".php",true);
xmlhttp.send();
}
}
</script>
<!-- ends ajax script -->
$( "table" ).delegate( "td", "click", function() { $( this ).toggleClass( "chosen" ); });
- Sahin Yanlık