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

แอปพลิเคชันของฉันทำงานได้ไม่ดีกับ slideDown และ slideUp ของ jQuery ฉันต้องการใช้ CSS3 ที่เทียบเท่าในเบราว์เซอร์ที่รองรับ เป็นไปได้ไหมโดยใช้การเปลี่ยน CSS3 เพื่อเปลี่ยนองค์ประกอบจากdisplay: none;ไปเป็นdisplay: block;ในขณะที่เลื่อนรายการลงหรือขึ้น

89 jquery  css  animation 

ฉันกำลังพยายามใช้ฟังก์ชันโดยการคลิกปุ่มบนหน้าจอจะทำให้jQuery dataTableของฉันรีเฟรช (เนื่องจากแหล่งข้อมูลฝั่งเซิร์ฟเวอร์อาจมีการเปลี่ยนแปลงตั้งแต่สร้าง dataTable) นี่คือสิ่งที่ฉันมี: $(document).ready(function() { $("#my-button").click(function() { $("#my-datatable").dataTable().fnReloadAjax(); }); }); แต่เมื่อฉันเรียกใช้สิ่งนี้มันไม่ทำอะไรเลย วิธีที่เหมาะสมในการรีเฟรช dataTable เมื่อคลิกปุ่มคืออะไร? ขอบคุณล่วงหน้า!

89 javascript  jquery  datatables 

ฉันจะใช้ javascript / jQuery / etc เพื่อตรวจสอบได้อย่างไรว่ามีการติดตั้ง Flash ไว้หรือไม่หากไม่มีให้แสดง div ที่มีข้อมูลแจ้งให้ผู้ใช้ทราบว่าจำเป็นต้องติดตั้งแฟลช

88 javascript  jquery  asp.net-mvc  flash  detection 

ฉันมีโมดอล Bootstrap ซึ่งเปิดใช้จากลิงค์ ประมาณ 3 วินาทีมันจะว่างเปล่าในขณะที่คิวรี AJAX ดึงข้อมูลจากฐานข้อมูล ฉันจะติดตั้งตัวบ่งชี้การโหลดบางประเภทได้อย่างไร twitter bootstrap มีฟังก์ชันนี้เป็นค่าเริ่มต้นหรือไม่ แก้ไข: รหัส JS สำหรับโมดอล <script type="text/javascript"> $('#myModal').modal('hide'); $('div.divBox a').click(function(){ var vendor = $(this).text(); $('#myModal').off('show'); $('#myModal').on('show', function(){ $.ajax({ type: "GET", url: "ip.php", data: "id=" + vendor, success: function(html){ $("#modal-body").html(html); $(".modal-header h3").html(vendor); $('.countstable1').dataTable({ "sDom": "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": …

88 javascript  jquery  html  ajax 

ฉันต้องการลบเรืองแสงสีน้ำเงินของกล่องข้อความและเส้นขอบ แต่ฉันไม่รู้ว่าจะแทนที่ js หรือ css ของมันอย่างไรให้เลือกที่นี่ แก้ไข 1 ฉันต้องการทำสิ่งนี้เพราะฉันใช้ปลั๊กอิน jquery Tag-itและฉันใช้ twitter bootstrap ด้วยปลั๊กอินจะใช้ textField ที่ซ่อนอยู่เพื่อเพิ่มแท็ก แต่เมื่อฉันใช้ twitter bootstrap มันจะปรากฏเป็นกล่องข้อความที่มีเรืองแสงภายใน a textbox ซึ่งแปลกไปหน่อย

88 javascript  jquery  html  css  twitter-bootstrap 

ฉันมีปัญหาในการแยกวิเคราะห์ข้อมูล JSON ที่ส่งคืนจากเซิร์ฟเวอร์ของฉันโดยใช้ jQuery.ajax () ในการดำเนินการ AJAX ฉันใช้: $.ajax({ url: myUrl, cache: false, dataType: "json", success: function(data){ ... }, error: function(e, xhr){ ... } }); และถ้าฉันส่งคืนอาร์เรย์ของรายการมันก็ใช้ได้ดี: [ { title: "One", key: "1" }, { title: "Two", key: "2" } ] ฟังก์ชันความสำเร็จถูกเรียกและรับวัตถุที่ถูกต้อง อย่างไรก็ตามเมื่อฉันพยายามส่งคืนวัตถุชิ้นเดียว: { title: "One", key: "1" } ฟังก์ชันข้อผิดพลาดถูกเรียกใช้และ xhr …

88 jquery  ajax  json 

ฉันทำงานกับ requirejs + jquery และฉันสงสัยว่ามีวิธีที่ชาญฉลาดในการทำให้ปลั๊กอิน jQuery ทำงานได้ดีกับความต้องการหรือไม่ ตัวอย่างเช่นฉันใช้ jQuery-cookie ถ้าฉันเข้าใจถูกต้องฉันสามารถสร้างไฟล์ชื่อ jquery-cookie.js และภายใน do define(["jquery"], // Require jquery function($){ // Put here the plugin code. // No need to return anything as we are augmenting the jQuery object }); requirejs.config( { "shim": { "jquery-cookie" : ["jquery"] } } ); ฉันสงสัยว่าฉันสามารถทำสิ่งต่างๆเช่น jQuery …

88 javascript  jquery  requirejs 

จากไซต์เอกสาร jQuery APIสำหรับready ไวยากรณ์ทั้งสามต่อไปนี้เทียบเท่ากัน: $ (เอกสาร). พร้อม (ตัวจัดการ) $ () พร้อม (ตัวจัดการ) (ไม่แนะนำ) $ (ตัวจัดการ) หลังจากทำการบ้าน - อ่านและเล่นกับซอร์สโค้ดฉันไม่รู้ว่าทำไม $().ready(handler) ไม่แนะนำ วิธีแรกและวิธีที่สามเหมือนกันทุกประการตัวเลือกที่สามเรียกใช้ฟังก์ชันพร้อมใช้งานบนวัตถุ jQuery ที่แคชด้วยdocument: rootjQuery = jQuery(document); ... ... // HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); } …

88 javascript  jquery  callback  document-ready 

ฉันรวม JS ทั้งหมดของฉันเป็นไฟล์ภายนอกที่โหลดที่ด้านล่างสุดของหน้า ภายในไฟล์เหล่านี้ฉันมีวิธีการหลายอย่างที่กำหนดไว้เช่นนั้นซึ่งฉันเรียกจากเหตุการณ์พร้อม: var SomeNamepsace = {}; SomeNamepsace.firstMethod = function () { // do something }; SomeNamepsace.secondMethod = function () { // do something else }; $(document).ready(function () { SomeNamepsace.firstMethod(); SomeNamepsace.secondMethod(); }); อย่างไรก็ตามเมื่อฉันลบฟังก์ชั่นที่พร้อมใช้งานและเรียกใช้เมธอดให้ตรงทุกอย่างก็ทำงานได้เหมือนเดิม แต่ทำงานได้เร็วขึ้นอย่างมาก - เกือบทั้งวินาทีเร็วกว่าในไฟล์พื้นฐานที่สวยมาก! เนื่องจากควรโหลดเอกสาร ณ จุดนี้ (เนื่องจากมาร์กอัปทั้งหมดมาก่อนแท็กสคริปต์) มีเหตุผลที่ดีที่จะยังคงใช้เหตุการณ์พร้อมหรือไม่

88 javascript  jquery  html 

ฉันกำลังมองหาวิธีดำเนินการต่อไปนี้ ฉันเพิ่ม<div>ไปยังเพจและ ajax callback ส่งคืนค่าบางอย่าง <div>เต็มไปด้วยค่าจากการเรียกอาแจ็กซ์และ<div>จะใช้ได้แล้วไปยังอีก<div>ซึ่งทำหน้าที่เป็นคอลัมน์ของตาราง ฉันต้องการดึงดูดความสนใจของผู้ใช้เพื่อแสดงให้เธอ / เขาเห็นว่ามีอะไรใหม่ ๆ ในหน้านี้ ฉันต้องการ<div>ให้กะพริบไม่ใช่แสดง / ซ่อน แต่เพื่อไฮไลต์ / ยกเลิกไฮไลต์ในบางครั้งสมมติว่า 5 วินาที ฉันดูที่ปลั๊กอินกะพริบ แต่เท่าที่ฉันเห็นมันแสดง / ซ่อนในองค์ประกอบเท่านั้น Btw การแก้ปัญหาจะต้องข้ามเบราว์เซอร์และใช่ IE รวมอยู่ด้วย ฉันอาจจะต้องแฮ็คเล็กน้อยเพื่อให้มันทำงานใน IE แต่โดยรวมแล้วมันต้องใช้งานได้

88 javascript  jquery  css  highlight  effects 

ฉันต้องการรับสคริปต์ที่สามารถคว้าตัวแทนผู้ใช้ของผู้ใช้และนำไปใช้กับแอตทริบิวต์ ฉันกำลังทำแบบฟอร์มติดต่อปัญหาเกี่ยวกับเว็บไซต์และโดยปกติฉันจำเป็นต้องทราบว่าผู้ใช้ใช้เบราว์เซอร์อะไร ฉันจะตรวจจับสตริงตัวแทนผู้ใช้และกำหนดเป็นค่าขององค์ประกอบอินพุตได้อย่างไร html ของฉันมีลักษณะดังนี้: <input type="hidden" id="UserAgent" name="User Agent" /> ฉันต้องการเพิ่มตัวแทนผู้ใช้เป็นแอตทริบิวต์ค่าดังนั้นจึงมีลักษณะดังนี้: <input type="hidden" id="UserAgent" name="User Agent" value="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10" />

88 javascript  jquery  attributes  user-agent  prop 

นี้น่าจะเป็นคำถามง่ายๆจริงๆ แต่ฉันจะไปเกี่ยวกับการได้รับสิทธิชดเชยขององค์ประกอบใน jQuery แล้ว? ที่ฉันสามารถทำได้: $("#whatever").offset().left; และถูกต้อง แต่ดูเหมือนว่า: $("#whatever").offset().right ไม่ได้กำหนด แล้วจะทำอย่างไรให้สำเร็จใน jQuery? ขอบคุณ !!

88 jquery  offset 

ฉันมีปัญหากับปุ่มแบบเลื่อนลงในตารางเมื่อมีการตอบสนองและเลื่อนใช้งานอยู่เนื่องจากไม่สามารถมองเห็นดรอปดาวน์ได้เนื่องจากoverflow: auto;คุณสมบัติ ฉันจะแก้ไขได้อย่างไรเพื่อแสดงตัวเลือกแบบเลื่อนลงของปุ่มเมื่อสิ่งนี้ถูกยุบ ฉันสามารถใช้ jQuery ได้บ้าง แต่หลังจากที่ฉันมีปัญหาในการเลื่อนไปทางซ้าย - ขวาฉันจึงตัดสินใจหาวิธีอื่น ฉันได้แนบรูปถ่ายเพื่อความเข้าใจที่ดีขึ้น นี่คือซอ js ขนาดเล็ก:

88 javascript  jquery  css  twitter-bootstrap  overflow 

ฉันมี div ที่เลือกซึ่งฉันใช้ปลั๊กอิน jquery ที่เลือกเพื่อจัดรูปแบบและเพิ่มคุณสมบัติให้กับ (โดยเฉพาะอย่างยิ่งการค้นหา) div มีลักษณะประมาณนี้ <select data-placeholder="add a foobar" id="foobar" style="width: 350px;"> <option value=""></option> </select> และฉันกำลังใช้ปลั๊กอินที่เลือกเช่นนี้ $('#foobar').chosen(); ในขณะที่ AJAX บางตัวกำลังโหลดฉันต้องการปิดการใช้งาน<select>div ทั้งหมด อาจจะมีอะไรแบบนี้ $('#foobar').disable() หรือนี่ $('#foobar').prop('disabled', true) ฉันคิดว่าคุณเข้าใจแล้ว มีความคิดเกี่ยวกับวิธีการทำอย่างไร ฉันได้ลองสิ่งต่างๆมากมายเช่นการใช้สำนวน jquery เพื่อปิดการใช้งานสิ่งต่างๆ<select>ซึ่งจะปิดใช้งานการเลือกที่อยู่เบื้องหลังไม่ใช่สิ่งที่เลือกไว้ด้านบน ฉันเคยใช้การเพิ่ม div อื่นด้วยตัวเองโดยให้ high z-indexเป็นสีเทานอกกรอบ แต่ฉันคิดว่านี่น่าจะน่าเกลียดและมีปัญหา ขอบคุณสำหรับความช่วยเหลือ!

88 javascript  jquery  jquery-chosen 

ฉันกำลังพยายามส่งคำขอโพสต์ Cross Origin และทำให้มันใช้JavaScriptงานได้ปกติดังนี้: var request = new XMLHttpRequest(); var params = "action=something"; request.open('POST', url, true); request.onreadystatechange = function() {if (request.readyState==4) alert("It worked!");}; request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); request.setRequestHeader("Content-length", params.length); request.setRequestHeader("Connection", "close"); request.send(params); แต่ฉันต้องการใช้jQueryแต่ฉันไม่สามารถใช้งานได้ นี่คือสิ่งที่ฉันกำลังพยายาม: $.ajax(url, { type:"POST", dataType:"json", data:{action:"something"}, success:function(data, textStatus, jqXHR) {alert("success");}, error: function(jqXHR, textStatus, errorThrown) {alert("failure");} }); ส่งผลให้เกิดความล้มเหลว หากใครทราบว่าเหตุใดจึงjQueryไม่ได้ผลโปรดแจ้งให้เราทราบ ขอบคุณ. …

88 javascript  jquery  xmlhttprequest  cors