5
मैं निम्नलिखित कोडJquery पुनः आकार देने योग्य बदलाव मेरी DOM एलीमेंट
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#main-content {
width:300px;
height:500px;
background:#00F;
overflow:auto;
}
#top-name , #top-ip {
background:#000;
color:#FFF;
width:80%;
position:relative;
left:10%;
margin-bottom:5px;
margin-top:5px;
}
</style>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(function() {
$("#top-ip").resizable({
handles: 'n, s'
});
$("#extrainfo").hide();
$("#top-name").mouseenter(function() {
$("#extrainfo").fadeIn();
});
$("#top-name").mouseleave(function() {
$("#extrainfo").fadeOut();
});
var stop = false;
$("#accordion h2").click(function(event) {
if (stop) {
event.stopImmediatePropagation();
event.preventDefault();
stop = false;
}
});
$("#accordion")
.accordion({
header: "> div > h2"
})
.sortable({
axis: "y",
handle: "h2",
stop: function() {
stop = true;
}
});
});
$(function() {
$("#accordion").resizable({
maxHeight: 100,
resize: function() {
$("#accordion").accordion("resize");
}
});
});
</script>
</head>
<body>
<div id="main-content">
<div id="top-name">
Name here
<div id="extrainfo">
blanl</div>
</div>
<div id="top-ip">
Resizalbe element
</div>
<div id="accordion">
<div>
<h2>Player List</h2>
<div style="background:#F00">
OMG OMG OMG OMG
</div>
</div>
<div>
<h2>Configs</h2>
<div>
OMG OMG OMG OMG
sdg<br />
SDF
sDsag
sdzh
z<br />
zh<br />
zh
</div>
</div>
<div>
<h2>Comming Soon</h2>
<div>
Comming Soon Zong
OMG OMG OMG OMG
</div>
</div>
<div>
<h2>Server Disscussion</h2>
<div>
Server Disscussion
Server Disscussion
</div>
</div>
<div>
<h2>comming Soon</h2>
<div>
comming Soon
comming Soon
</div>
</div>
</div>
</div>
</body>
</html>
जब मैं आईपी तत्व यह तत्व एक सा छोड़ दिया y चालें आकार बदलने योग्य है?
डेमो यहाँ Demo
आपकी पहेली में jQuery 1.4.2 चयनित है, 1.5 नहीं, बीटीडब्ल्यू। –
क्या इससे कोई फर्क पड़ता है? मुझे नहीं लगता कि यह करता है। और जब मैंने डेमो अपलोड किया तो यह अभी भी काम नहीं करता था जिसमें 1.5 था: डी – kritya