0
JQuery Mobile에서 다중 페이지 템플릿을 사용해 보았지만 작동하지 않으며 두 번째 페이지에 하나의 기능을 추가하고 싶습니다. 그것은 또한 일어나지 않습니다. 여기에 소스 코드가 추가되었습니다.JQuery Mobile에 Javascript 코드를 넣을 위치는 어디입니까?
<!DOCTYPE html>
<html>
<head>
<title>Admin Home</title>
<script type="text/javascript" charset="utf-8" src="../js/cordova.js"></script>
<script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery.mobile.js"></script>
<link rel="stylesheet" href="../../css/jquery.mobile.css" type="text/css"/>
<link rel="stylesheet" href="../../css/style.css" type="text/css"/>
<script>
$("#NewWordPage").live('pageinit' , function (event) {
$("#btnAdd").live('click',function(){
var word=$('.Word').val();
var explanation=$('.Explanation').val();
var usage=$('.Usage').val();
var tags=$('.Tags').val();
alert("Check");
if(word != "" && explanation != "" && usage != "" && tags != "")
{
$.ajax({
url:"http://sample.in/DailyWord/New_Word.php?Word="+word+"&Explanation="+explanation+"&Usage="+usage+"&Tags="+tags,
type:"get",
datatype:"html",
success: function(response){
alert(response);
}
}
});
}
else
{
alert("Please all the mandatory fields...");
}
});
});
</script>
</head>
<body>
<div data-role="page" id="MainPage">
<div data-role="header" id="header">
<div class="ui-btn-left ui-btn ui-btn-inline ui-mini ui-corner-all ui-btn-icon-left ui-icon-home" id="Home" onclick="GoHome();">Home</div>
<h4>Admin Home</h4>
<div class="ui-btn-right ui-btn ui-btn-inline ui-mini ui-corner-all ui-btn-icon-right ui-icon-gear" id="Options">Options</div>
</div>
<div data-role="content">
<!-- Word Configuration Options -->
<div data-role="collapsible" data-collapsed="false" data-theme="b">
<h4>Word Options</h4>
<ul data-role="listview">
<li><a href="#NewWordPage" data-transition="slidedown">New Word</a></li>
<li><a href="edit_word.html">Edit Word</a></li>
<li><a href="delete_word.html">Delete Word</a></li>
</ul>
</div>
<!-- Admin Options -->
<div data-role="collapsible" data-collapsed="false" data-theme="b">
<h4>Users List</h4>
<ul data-role="listview">
<li><a href="users.html">Users</a></li>
<li><a href="block_user.html">Block User</a></li>
<li><a href="feedback.html">Feedbacks</a></li>
<li><a href="admin_request.html">Admin Rights Request</a></li>
<li><a href="admin_rights.html">Admin Rights to User</a></li>
</ul>
</div>
</div>
<div data-role="footer" data-position="fixed" id="footer" ><h4><a href="http://sample.in/Mobile/">Sample</a></h4></div>
</div>
<!-- #####################################333 New word Page ################################### -->
<div data-role="page" id="NewWordPage">
<div data-role="header" id="header">
<a href="#MainPage" data-transition="slideup" class="ui-btn-left ui-btn ui-btn-inline ui-mini ui-corner-all ui-btn-icon-left ui-icon-home" id="DashBoard">DashBoard</a>
<h4>New Word</h4>
</div>
<div data-role="content">
<form>
<fieldset>
<input type="text" name="Word" class="Word" id="text-basic" value="Word" onfocus="if (this.value == 'Word') this.value = '';" onblur="if (this.value == '') this.value = 'Word';">
<textarea cols="40" rows="20" name="wordexp" class="Explanation" id="textarea" onfocus="if (this.value == 'Word Explanation') this.value = '';" onblur="if (this.value == '') this.value = 'Word Explanation';">Word Explanation</textarea>
<textarea cols="40" rows="20" name="worduse" class="Usage" id="textarea" onfocus="if (this.value == 'Word Usage') this.value = '';" onblur="if (this.value == '') this.value = 'Word Usage';">Word Usage </textarea>
<textarea cols="40" rows="5" name="tags" class="Tags" id="textarea" onfocus="if (this.value == 'Tags') this.value = '';" onblur="if (this.value == '') this.value = 'Tags';">Tags</textarea>
<input type="button" value="Add Word" name="btnAddWord" id="btnAdd">
<input type="reset" value="Reset" name="btnClear">
</fieldset>
</form>
</div>
<div data-role="footer" data-position="fixed" id="footer" ><h4><a href="http://sample.in/Mobile/">sample</a></h4></div>
</div>
</body>
</html>
#NewWordPage 자체가 해당 페이지로 리디렉션되지 않습니다. 도와주세요.
jQuery 1.7부터 .live() 메소드는 더 이상 사용되지 않습니다. https://api.jquery.com/live/ – David
참조 라이브러리 문제 ..http : //i.stack.imgur.com/eydpI. PNG – Aravin