/ / jQuery मोबाइल गतिशील सामग्री सम्मिलन - jQuery, गतिशील, jQuery-मोबाइल, पेजफंक्शन

jQuery मोबाइल गतिशील सामग्री सम्मिलन - jquery, गतिशील, jquery-mobile, पेजफंक्शन

ठीक है, क्या कोई मुझे यह समझने में मदद करेगा कि निम्नलिखित कोड में "परीक्षण" ली क्यों दिखाई नहीं दे रहा है? मैंने लाइव डोम का निरीक्षण किया और तत्वों को संसाधित होने लगते हैं:

<!DOCTYPE HTML>
<html>
<head>

<!-- Grab Google CDN"s jQuery, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script>
$(document).ready(function(){
$("<div data-role="content" class="content"><ul data-role="listview" data-inset="true"><li><a href="#im?at=animals">test</a></li></ul></div>").appendTo("#home").page();
$.mobile.changePage("#home", {transition: "none"});
});
</script>
</head>

<body>
<div id="home" data-role="page">
</div>
</body>
</html>

अग्रिम में धन्यवाद।

उत्तर:

उत्तर № 1 के लिए 1

बदलने के लिए कॉल पेज काम नहीं करता है क्योंकि आपके पास केवल एक पृष्ठ है जो डिफ़ॉल्ट रूप से दृश्य / सक्रिय है। आप सक्रिय ईवेंट को निर्माण ईवेंट को ट्रिगर करके अपडेट करने के लिए मजबूर कर सकते हैं।

$("<div data-role="content" class="content"><ul data-role="listview" data-inset="true"><li><a href="#im?at=animals">test</a></li></ul></div>").appendTo("#home");
$.mobile.changePage("#home", {transition: "none"});
$.mobile.activePage.trigger("create");

जवाब के लिए 0 № 2

नीचे दिया गया तत्व है display संपत्ति सेट करने के लिए none और यह अपने भाई बहनों को छुपाता है:

<div data-role="content" class="content ui-page ui-body-c ui-content" tabindex="0" role="main">

सीएसएस नियम:

.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page {
top: 0;
left: 0;
width: 100%;
min-height: 100%;
position: absolute;
display: none;
border: 0;
}