2015-08-29 162 views
0

我已經在Wordpress論壇上提過這個問題,但沒有回覆。我看到有幾篇關於將其改爲「返回虛假」的帖子,但也沒有運氣。我目前正試圖通過Google Maps API v3產生路線。我想結合Wordpress中的Contact Form 7。當用戶提交表單時,我想計算點A和點B之間的方向。Wordpress中的Event.preventDefault()聯繫表格7

輸入字段ID通過JS文件抓取並掛接到API。當我按下提交時,聯繫表單7會生成發送失敗信息。

我的模板的內部看起來是這樣的:

<div id="calculate-route">[submit "Send"]</div> 

這是JS文件:

$("#calculate-route").submit(function(event) { 
event.preventDefault(); 
calculateRoute($("#from-point").val(), $("#to-point").val()); 
}); 

任何想法,爲什麼event.preventDefault()不工作?我成功地將JS腳本排入頁腳。使用純HTML表單可以正確生成地圖和方向。

任何幫助很樂意欣賞。

+0

任何控制檯錯誤?聽起來像'$'是未定義的.... – David

+0

@David 感謝您的問題。我得到以下控制檯錯誤: '未捕獲的類型錯誤:undefined不是函數 $(document).ready(function(){ //如果瀏覽器支持地理位置API if(typeof navigator.geolocation ==「 (「#error」)。text(「您的瀏覽器不支持地理定位API」); return; }' –

+0

嘗試用「jQuery」替換「$」wp默認使用此項。 – David

回答

0

解決了,代碼是在一個聯繫表格7格里面,它可能與其他代碼碰撞。製作了一個頁面模板,並在聯繫表格中添加了一個簡碼。