คำถามติดแท็ก jquery

ซ้ำเป็นไปได้: การตรวจจับคุณสมบัติวัตถุที่ไม่ได้กำหนดใน JavaScript จาวา สคริปต์ที่ไม่ได้กำหนดเปรียบเทียบ วิธีที่เราสามารถเพิ่มการตรวจสอบตัวแปรที่ไม่ได้กำหนดเช่น: function A(val) { if (val == undefined) // do this else // do this }

172 javascript  jquery  undefined 

ฉันต้องการให้เคลื่อนไหว<div>จาก200pxการautoสูง ฉันไม่สามารถทำงานได้ ไม่มีใครรู้ได้อย่างไร นี่คือรหัส: $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript  jquery  html  css  jquery-animate 

การใช้ jQuery ต่อไปนี้จะได้รับค่า RGB ของสีพื้นหลังขององค์ประกอบ: $('#selector').css('backgroundColor'); มีวิธีรับค่า hex มากกว่า RGB หรือไม่?

171 javascript  jquery  colors  hex  rgb 

ฉันสับสนเล็กน้อยเกี่ยวกับวิธีรับดัชนีของตัวเลือกที่เลือกจาก<select>รายการHTML ในหน้านี้มีสองวิธีที่อธิบายไว้ -1อย่างไรก็ตามทั้งสองจะกลับมาเสมอ นี่คือรหัส jQuery ของฉัน: $(document).ready(function(){ $("#dropDownMenuKategorie").change(function(){ alert($("#dropDownMenuKategorie option:selected").index()); alert($("select[name='dropDownMenuKategorie'] option:selected").index()); }); }); และใน html (...) <select id="dropDownMenuKategorie"> <option value="gastronomie">Gastronomie</option> <option value="finanzen">Finanzen</option> <option value="lebensmittel">Lebensmittel</option> <option value="gewerbe">Gewerbe</option> <option value="shopping">Shopping</option> <option value="bildung">Bildung</option> </select> (...) ทำไมพฤติกรรมนี้ มีโอกาสใดบ้างหรือที่ที่select"ยังไม่พร้อม" ในขณะที่กำหนดchange()วิธีการนั้น? นอกจากนี้การเปลี่ยนแปลง.index()ไป.val()จะกลับมาคุ้มค่าที่เหมาะสมเพื่อให้เป็นสิ่งที่สร้างความสับสนให้ฉันมากยิ่งขึ้น

171 jquery  html  select  indexing 

ฉันตั้งค่าหน้าเว็บให้เลื่อนไปด้านบนเมื่อคลิกปุ่ม แต่ก่อนอื่นฉันใช้คำสั่ง if เพื่อดูว่าส่วนบนของหน้าไม่ได้ถูกตั้งค่าเป็น 0 จากนั้นถ้าไม่ใช่ 0 ฉันจะขยับหน้าเพื่อเลื่อนไปยังด้านบน var body = $("body"); var top = body.scrollTop() // Get position of the body if(top!=0) { body.animate({scrollTop:0}, '500'); } ส่วนที่ยุ่งยากตอนนี้กำลังเคลื่อนไหวอะไรบางอย่างหลังจากหน้าเลื่อนไปด้านบน ดังนั้นความคิดต่อไปของฉันคือค้นหาสิ่งที่ตำแหน่งหน้า ดังนั้นฉันใช้ console log เพื่อค้นหา console.log(top); // the result was 365 สิ่งนี้ทำให้ฉันได้ผลลัพธ์ 365 ฉันคาดเดาว่าเป็นอันดับที่ฉันอยู่ก่อนที่จะเลื่อนขึ้นไปด้านบน คำถามของฉันคือฉันจะกำหนดตำแหน่งเป็น 0 ได้อย่างไรเพื่อที่ฉันจะสามารถเพิ่มภาพเคลื่อนไหวอื่นที่ทำงานได้เมื่อหน้าอยู่ที่ 0 ขอบคุณ!

171 jquery  jquery-animate  scrolltop 

ฉันต้องแสดงคำแนะนำเครื่องมือบนปุ่มปิดใช้งานและลบออกจากปุ่มที่เปิดใช้งาน ปัจจุบันมันทำงานในสิ่งที่ตรงกันข้าม วิธีที่ดีที่สุดในการคว่ำพฤติกรรมนี้คืออะไร $('[rel=tooltip]').tooltip(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <hr> <button class="btn" disabled rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button> <button class="btn" rel="tooltip" data-title="Dieser Link führt zu Google">button not disabled</button> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล นี่คือตัวอย่าง PS: ฉันต้องการเก็บdisabledแอตทริบิวต์

171 javascript  jquery  html  twitter-bootstrap  twitter-bootstrap-tooltip 

ฉันค้นหาวิธีที่จะให้เขียน jQuery โดยอัตโนมัติโดยใช้การตรวจสอบ html5 ไปยังฟิลด์ป้อนข้อมูลของฉันทั้งหมด แต่ฉันมีปัญหาในการบอกตำแหน่งที่จะเขียน ฉันต้องการสิ่งนี้ <input type="text" name="first_name" value="" id="freeform_first_name" maxlength="150"> และให้มีการเพิ่มที่จำเป็นโดยอัตโนมัติก่อนแท็กปิด <input type="text" name="first_name" value="" id="freeform_first_name" maxlength="150" required> ฉันคิดว่าฉันสามารถทำอะไรสักอย่างตามสายของ $("input").attr("required", "true"); แต่มันไม่ทำงาน ความช่วยเหลือใด ๆ ที่ชื่นชมอย่างมาก

171 javascript  jquery  validation 

ฉันมีบางลิงค์ที่ฉันต้องการเลือกคลาสและรหัสในเวลาเดียวกัน นั่นเป็นเพราะฉันมีพฤติกรรมที่แตกต่าง 2 อย่าง เมื่อคลาสของลิงก์มีชื่อคลาสหนึ่งชื่อพวกมันจะทำงานในทิศทางเดียวเมื่อลิงก์ประเภทเดียวกันมีชื่อคลาสอื่นพวกมันก็จะทำงานต่างกัน ชื่อคลาสเป็น switch with jquery ดังนั้นฉันต้องสามารถเลือกลิงค์คลาสและรหัสได้ในเวลาเดียวกัน เป็นไปได้ไหม ฉันพยายามแล้ว: $("a .save #country") ไม่มีผลลัพธ์ใด ๆ

170 jquery  dom  jquery-selectors  css-selectors 

ฉันมีรูปแบบที่ใช้เวลาสักครู่เพื่อให้เซิร์ฟเวอร์ดำเนินการ ฉันต้องแน่ใจว่าผู้ใช้รอและไม่พยายามส่งแบบฟอร์มอีกครั้งโดยคลิกที่ปุ่มอีกครั้ง ฉันพยายามใช้รหัส jQuery ต่อไปนี้: <script type="text/javascript"> $(document).ready(function() { $("form#my_form").submit(function() { $('input').attr('disabled', 'disabled'); $('a').attr('disabled', 'disabled'); return true; }); }); </script> เมื่อฉันลองทำสิ่งนี้ใน Firefox ทุกอย่างจะถูกปิดใช้งาน แต่ไม่ได้ส่งแบบฟอร์มพร้อมกับข้อมูล POST ใด ๆ ที่ควรจะรวมไว้ด้วย ฉันไม่สามารถใช้ jQuery เพื่อส่งแบบฟอร์มได้เนื่องจากฉันต้องการปุ่มที่จะส่งพร้อมกับแบบฟอร์มเนื่องจากมีปุ่มส่งหลายปุ่มและฉันพิจารณาว่ามีการใช้ปุ่มใดซึ่งรวมอยู่ใน POST ฉันต้องการแบบฟอร์มที่จะส่งตามปกติและฉันต้องปิดการใช้งานทุกอย่างทันทีหลังจากนั้น ขอบคุณ!

170 javascript  jquery  double-submit-prevention  forms  http-post 

$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work ฉันกำลังสร้างองค์ประกอบภายใน jquery หลังจากนั้นฉันต้องการเพิ่มคุณสมบัติ "data" เขาชอบและถูกเพิ่มเข้ามา แต่ใน DOM สิ่งนี้ไม่ชัดเจนและฉันไม่สามารถใช้ไอเท็มได้ $('div[data-example="example"]').html() jsfiddle

170 jquery  html  custom-data-attribute 

ฉันมี js ชิ้นนี้ในเว็บไซต์ของฉันเพื่อสลับภาพ แต่ต้องการความล่าช้าเมื่อคุณคลิกที่ภาพเป็นครั้งที่สอง ความล่าช้าควรเป็น 1000ms ดังนั้นคุณจะคลิก img.jpg จากนั้น img_onclick.jpg จะปรากฏขึ้น จากนั้นคุณจะคลิกที่ภาพ img_onclick.jpg ซึ่งจะมีความล่าช้า 1,000ms ก่อนที่จะปรากฏ img.jpg อีกครั้ง นี่คือรหัส: jQuery(document).ready(function($) { $(".toggle-container").hide(); $(".trigger").toggle(function () { $(this).addClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img_onclick.jpg'); }, function () { $(this).removeClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img.jpg'); }); $(".trigger").click(function () { $(this).next(".toggle-container").slideToggle(); }); });

170 javascript  jquery 

ถ้าฉันสร้างสิ่งiframeนี้: var dialog = $('<div id="' + dialogId + '" align="center"><iframe id="' + frameId + '" src="' + url + '" width="100%" frameborder="0" height="'+frameHeightForIe8+'" data-ssotoken="' + token + '"></iframe></div>').dialog({ ฉันจะแก้ไขข้อผิดพลาดได้อย่างไร: ปฏิเสธที่จะแสดง'https://www.google.com.ua/?gws_rd=ssl'ในเฟรมเนื่องจากตั้งค่า 'X-Frame-Options' เป็น 'SAMEORIGIN' ด้วย JavaScript?

170 javascript  jquery  x-frame-options 

ฉันใหม่กับ JQuery ในแอพของฉันฉันมีดังต่อไปนี้: $("#displayPanel div").live("click", function(){ $(this).css({'background-color' : 'pink', 'font-weight' : 'bolder'}); }); เมื่อฉันคลิกที่ Div สีของ Div นั้นจะเปลี่ยนไป ภายในฟังก์ชั่นคลิกฉันมีฟังก์ชั่นที่ต้องทำ หลังจากทั้งหมดที่ฉันต้องการลบ Css ที่ใช้จาก Div ฉันจะทำใน JQuery ได้อย่างไร

169 jquery  css 

ฉันกำลังสร้างแผนที่ที่สามารถลากได้ซึ่งเมื่อลากแผนที่องค์ประกอบจะได้รับแอตทริบิวต์ 'ด้านซ้าย' และ 'ด้านบน' พร้อมค่าสำหรับแต่ละรายการดังนั้น ... <div class="map" style="top:200px; left:100px;">Map</div> ฉันมีปุ่มที่ฉันต้องการลบคุณลักษณะด้านบนและด้านซ้ายออกจากรูปแบบอินไลน์ใน div เมื่อคลิกมันเป็นไปได้ด้วย jquery หรือไม่?

169 jquery 

สิ่งนี้อาจเห็นได้ชัดเจน แต่ฉันสงสัยว่า: ทำไมฉันต้องพึ่งพาเซิร์ฟเวอร์ของ Googleเพื่อโฮสต์ jQuery สำหรับเว็บไซต์ของฉัน เป็นเพราะมันโหลดเร็วกว่าแบบนี้เหรอ?

169 jquery  performance  cdn