новичок в Jquery (включая, но без результата) - PullRequest
Новая
       4

новичок в Jquery (включая, но без результата)

0 голосов
/ 24 июня 2011

У меня есть этот код: 

   <html>
<head>
<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<link type="text/css" href="css/themename/jquery-ui-1.8.14.custom.css" rel="Stylesheet" />  
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<style>
    #feedback { font-size: 1.4em; }
    #selectable .ui-selecting { background: #FECA40; }
    #selectable .ui-selected { background: #F39814; color: white; }
    #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
    #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
    </style>
    <script>
$(document).ready(function(){ $( "#selectable" ).selectable(); });

    </script>


</head>
<body>
<form method='post'>


<div class="demo">

<ol id="selectable">
    <li class="ui-widget-content">Item 1</li>
    <li class="ui-widget-content">Item 2</li>
    <li class="ui-widget-content">Item 3</li>
</ol>

</div><!-- End demo -->



<div class="demo-description" style="display: none; ">
<p>Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections. </p>
</div><!-- End demo-description -->
</form>
</body>
</html>

Я скачал jquery, но он не дал результата. Я использовал этот сайт:

http://jqueryui.com/demos/selectable/#event-create

что здесь не так?

Ответы [ 3 ]

0 голосов
/ 24 июня 2011

Попробуйте поместить 

$(document).ready(function(){ $( "#selectable" ).selectable(); });

в элемент <head></head>.Также <script src=".."> должно быть в <head>.

0 голосов
/ 24 июня 2011

Вы должны встроить jQuery перед jQuery UI, потому что UI использует jQuery. 

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<link type="text/css" href="css/themename/jquery-ui-1.8.14.custom.css" rel="Stylesheet" />

вместо 

<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<link type="text/css" href="css/themename/jquery-ui-1.8.14.custom.css" rel="Stylesheet" />  
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
0 голосов
/ 24 июня 2011

Вы пытались поместить свой код в готовую функцию? 

$(document).ready(function() {
    // put all your jQuery goodness in here.
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...