Сочетание двух элементов формы JQuery отдельно, но не вместе?

Я пытаюсь создать форму с помощью JQuery-Elements (ползунки). Также я добавил JQuery-Plugin, который дает мне сложный элемент drowpdown. Оба работают нормально, пока они находятся в разделенных файлах. Когда я объединять их и необходимые ресурсы в разделе заголовка, ползунки или выпадающий список не отображаются. Файл слияния выглядит как присоединенный, а консоль crome дает следующую ошибку:

Uncaught TypeError: Object [object Object] не имеет метода 'selectList'

Похоже, что ресурсы в заголовке переопределяют себя? Не могли бы вы помочь мне?


<head>
  <meta charset="utf-8">
  <title>Eingabe</title>




  <link rel="stylesheet" type="text/css" href="http://web0.v1364.ncsrv.de/devscan/jqueryselectlist/css/selectlist.css" >
  <script type="text/javascript" src="http://web0.v1364.ncsrv.de/devscan/jqueryselectlist/scripts/jquery.min.js"></script>
  <script type="text/javascript" src="http://web0.v1364.ncsrv.de/devscan/jqueryselectlist/scripts/jquery.selectlist.pack.js"></script>

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" >
  
  <script src="http://code.jquery.com/jquery-1.9.0.js"></script>
  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> 



  </head>

  <body>

Eingabe Suchauftrag

<table border="1"> <tr> <td>Wo</td> <td> </td> <td> </td> </tr> <tr> <td>Zimmer Minimum:</td> <td><div id="sliderzimmer"></div></td> </tr> <tr> <td>Preisspanne:</td> <td><div id="slider-range"></div></td> </tr> <tr> <td>Vor- Nachname</td> <td><input type="name"/></td> </tr> <tr> <td>Emailadresse</td> <td><input type="email"/></td> </tr> <tr><td colspan="2"><button type="button">Abschicken!</button><td></tr> </table>

Dein Suchauftrag:

Ich suche in Frankfurt eine Wohnung mit mindestestes <input type="text" id="anzahlzimmer" style="border: 0; color: #f6931f; font-weight: bold;" />Zimmer die im Monat <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" /> kostet. Meine Emailadresse lautet: <!--

--> <script> $( "#slider" ).slider(); </script> <script> // Anzahl Zimmer $(function() { $( "#sliderzimmer" ).slider({ min: 1, max: 5, step: 1, value: 3, slide: function( event, ui ) { $( "#anzahlzimmer" ).val( ui.value ); } }); $( "#anzahlzimmer" ).val( $( "#sliderzimmer" ).slider( "value" ) ); }); </script> <script> //Preis $(function() { $( "#slider-range" ).slider({ range: true, min: 0, max: 3000, step: 50, values: [ 800, 1200 ], slide: function( event, ui ) { $( "#amount" ).val(ui.values[ 0 ] + " EUR - " + ui.values[ 1 ]+" EUR" ); } }); $( "#amount" ).val($( "#slider-range" ).slider( "values", 0 ) + " EUR - " + $( "#slider-range" ).slider( "values", 1 ) +" EUR" ); }); </script> <script> function uebertrage(wo,zimmerpreismin,zimmerpreismax,zimmeranzahl,vorname,nachname, email) { alert('Uebertrage '+wo+' '+zimmerpreismin+' '+zimmerpreismax+' '+zimmeranzahl+' '+vorname+' '+nachname+' '+email); $.ajax({ type: "POST", cache: false, url: "form_process.php", data: "wo="+wo +"&zimmerpreismin="+zimmerpreismin+"&zimmerpreismax="+zimmerpreismax+"&zimmeranzahl="+zimmeranzahl+"&vorname="+vorname+"&nachname="+nachname+"&email="+email, /*data: { variable2: "variable2" },*/ /*data: dataString,*/ success: function(msg){ alert("Success! "+msg); /*alert(variable2);*/ } }); } function validateEmail(email) { var emailReg = /^([\w-\.][email protected]([\w-]+\.)+[\w-]{2,4})?$/; return emailReg.test( email ); } var clicked = jQuery("button"); clicked.click(function() { var wo="Frankfurt"; var zimmerpreismin = $("#slider-range").slider("values", 0); var zimmerpreismax = $("#slider-range").slider("values", 1); var zimmeranzahl = $("#sliderzimmer").slider("value"); var name = jQuery("input[type='name']").val(); var teile = name .split(" "); var vorname = teile[0]; var nachname= teile[1]; var email = jQuery("input[type='email']").val(); ( !validateEmail(email) ) ? alert('Ungültige Emailadresse bitte korrigieren') : alert("Richtige Addy und Zimmerpreismin "+zimmerpreismin+email+name) uebertrage(wo, zimmerpreismin,zimmerpreismax,zimmeranzahl, vorname,nachname, email); }); </script> <script type="text/javascript"> function fuellestadteile(obj) { alert ('Hilfe'+obj.value); } </script> <?php include("/home/www/web0/html/devscan/private/mylibaryconnect.php"); $connID = connect_to_mylibrary(); $citychoice='6'; $databaseSelector="usr_devscan"; $query=mysql_db_query($databaseSelector,"SELECT location_internal_id , location_name FROM Locations WHERE location_internal_id LIKE '$citychoice%' ORDER BY location_internal_id ASC")or die(mysql_error()); $row_query = mysql_fetch_array($query); $totalRows_query = mysql_num_rows($query); while ($row_query = mysql_fetch_assoc($query)) { $dropdownlist[] = array($row_query['location_internal_id'],$row_query['location_name']); } ?> <script type="text/javascript"> //$(document).ready(function() { $(function() { $('select#stadtteile').selectList({ sort: true }); }); </script> </body> </html>
0
nl ja de

2 ответы

They have to go under the jQuery script tag. You have to load jQuery & jQuery UI first.

2
добавлено

Load jQuery & jQuery UI first.. Also remove the duplucation of jQuery library..

У тебя есть :

 <script type="text/javascript" src="http://web0.v1364.ncsrv.de/devscan/jqueryselectlist/scripts/jquery.min.js"></script>

а также

<script src="http://code.jquery.com/jquery-1.9.0.js"></script>

Удалите один .. (я бы предложил сохранить последние ..)

Former is a minified version of 1.8.0

0
добавлено
@mistergaga, отметьте подходящий ответ, если ваша проблема решена.
добавлено автор Anujith, источник
Привет, благодарю вас обоих за предложения. Я попробовал оба. Просто переупорядочение не помогло. Я также удалил вторую ссылку, но она не работала. Наконец, я изменил все ресурсы jQuery на 1.8. Теперь это выглядит так, как ожидалось! Большое спасибо!
добавлено автор mistergaga, источник
JavaScript Jobs — чат
JavaScript Jobs — чат
8 336 участник(ов)

JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

JavaScript.ru
JavaScript.ru
7 932 участник(ов)

Сообщество сайта JavaScript.ru в Slack.

pro.js
pro.js
4 675 участник(ов)

Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

JavaScript — русскоговорящее сообщество
JavaScript — русскоговорящее сообщество
3 269 участник(ов)

Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

JavaScript Noobs — сообщество новичков
JavaScript Noobs — сообщество новичков
2 484 участник(ов)

Чат для новичков

javascript_ru
javascript_ru
915 участник(ов)

Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

jsChat
jsChat
603 участник(ов)

Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

JavaScript for Zombies Chat
JavaScript for Zombies Chat
492 участник(ов)

Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

All That JS
All That JS
417 участник(ов)

JS на русском