首頁猿問使用ajax加載進(jìn)來的頁面，為啥j...

使用ajax加載進(jìn)來的頁面，為啥js效果沒有了。

JavaScript

學(xué)習(xí)吧牛犢子 2016-05-23 20:03:31

<!doctype html><html><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" type="text/css" href="css/list1.css">?</head><body><div><div id="main-hover"><div ?class="sHoverItem">? ? ? ? <img src="images/spp.jpg"><span ?class="sIntro"><h2 id="goodId1">外套長裙1</h2><p>鶯卡兩生花印花棉麻假兩件外套，簡單的花色，充滿了夏日里的清新感</p>? ? ? ? ? ? ? ? ? ? <i>￥</i><h3>29.9</h3><button>加入購物車</button></span>? ? </div>?? ?</div></div>?<form><input type="button" id="btn" value="加載更多"/></form>?<script src="js/ajax.js"></script>?<script src="js/jquery-1.11.3.js"></script><script>?var oBtn=document.getElementById("btn")??oBtn.onclick=function(){? ajax("json.json",function(date){? ? ?var oDate=JSON.parse(date);? ? ?console.log(oDate)? ? ?var str="";? ? ?var oDiv=$("#main-hover")??for(var i=0;i<oDate.length;i++)? ? {? ? str+='<div ?class="sHoverItem">'+? ? ? ?'<img src=" '+oDate[i].src+' ">'+'<span ?class="sIntro">'+'<h2 id="goodId2">'+oDate[i].name+'</h2>'+'<p>'+oDate[i].bewrite+'</p>'+? ? ? ? ? ? ? ? '<i>￥</i><h3>'+oDate[i].price+'</h3>'+'<button>加入購物車</button>'+'</span>'+? ?'</div>'?? ?? ? }? ? ?oDiv.append(str);? ? },function(){alert(0)})?}??</script><script src='js/sHover.js'></script><script src='js/fun.js'></script></body></html>

查看完整描述

2 回答

Summy_qiang

TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個贊

我這邊沒有完整的代碼不能幫你測試 ?就我現(xiàn)在發(fā)現(xiàn)的比較重要的兩個問題：1.如果要用jquery一定要在所有js代碼引入之前引入jquery文件，這里建議在頭部第一個引入，不然在引入jquery之前js文件是不能使用jquery的(這個相信都知道吧)；2.用jquery實(shí)現(xiàn)AJAX有6種方法，我看你這里的代碼是想用一種比較接近原生的一種方法，他的語法是這樣的$.ajax(options)不是單純的ajax(),具體的其他方法和options的內(nèi)容我就不再這里說了，你可以找一個jquery的手冊或者上網(wǎng)搜一下。希望可以幫到你0.0

反對回復(fù) 2016-05-25