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

ฉันมีชุดของdivองค์ประกอบ ในjQueryฉันต้องการจะหาdivค่าความสูงสูงสุดและความสูงของมันdivได้ด้วย ตัวอย่างเช่น: <div> <div class="panel"> Line 1 Line 2 </div> <div class="panel"> Line 1<br/> Line 2<br/> Line 3<br/> Line 4<br/> </div> <div class="panel"> Line 1 </div> <div class="panel"> Line 1 Line 2 </div> </div> จากการดูด้านบนเราจะรู้ว่าเส้นที่ 2 div(มี 4 เส้น) มีความสูงสูงสุดของทั้งหมด ฉันจะหาข้อมูลนี้ได้อย่างไร ใครช่วยได้บ้าง จนถึงตอนนี้ฉันได้ลอง: $("div.panel").height()divซึ่งผลตอบแทนสูงของที่ 1

85 jquery 

ฉันมีรหัส jQuery ต่อไปนี้ (คล้ายกับคำถามนี้ ) ที่ใช้งานได้ใน Firefox และ IE แต่ล้มเหลว (ไม่มีข้อผิดพลาดเพียงแค่ใช้งานไม่ได้) ใน Chrome และ Safari มีแนวคิดสำหรับวิธีแก้ปัญหาหรือไม่? $("#souper_fancy").focus(function() { $(this).select() });

85 jquery  select  safari  focus  google-chrome 

ฉันใช้ปลั๊กอินอัพโหลดไฟล์ Blueimp jQuery สำหรับอัปโหลดไฟล์ ฉันไม่มีปัญหาในการอัปโหลด แต่ตัวเลือกmaxFileSizeและacceptFileTypesไม่ทำงาน นี่คือรหัสของฉัน: $(document).ready(function () { 'use strict'; $('#fileupload').fileupload({ dataType: 'json', autoUpload: false, acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, maxFileSize: 5000000, done: function (e, data) { $.each(data.result.files, function (index, file) { $('<p style="color: green;">' + file.name + '<i class="elusive-ok" style="padding-left:10px;"/> - Type: ' + file.type + ' - Size: ' …

85 javascript  jquery  file-upload  blueimp  jquery-file-upload 

ฉันจะรีเซ็ตค่าปฏิทิน datepicker ได้อย่างไร .. ข้อ จำกัด วันที่ต่ำสุดและสูงสุด? ปัญหาคือเมื่อฉันล้างวันที่ (โดยการลบค่ากล่องข้อความ) ข้อ จำกัด วันที่ก่อนหน้านี้ยังคงใช้อยู่ ฉันได้จัดเรียงเอกสารและไม่มีอะไรเพิ่มขึ้นในการแก้ปัญหา ฉันยังไม่พบวิธีแก้ไขอย่างรวดเร็วในการค้นหา SO / google http://jsfiddle.net/CoryDanielson/tF5MH/ วิธีการแก้: // from & to input textboxes with datepicker enabled var dates = $("input[id$='dpFrom'], input[id$='dpTo']"); // #clearDates is a button to clear the datepickers $('#clearDates').on('click', function(){ dates.attr('value', ''); dates.each(function(){ $.datepicker._clearDate(this); }); });​​ …

85 jquery  jquery-ui  jquery-ui-datepicker 

ฉันเคยเห็นตัวอย่างออนไลน์ที่แสดงวิธีปรับแต่งลักษณะของเมนูบริบทคลิกขวาของ jstree (โดยใช้ปลั๊กอินบริบทเมนู) ตัวอย่างเช่นอนุญาตให้ผู้ใช้ของฉันลบ "เอกสาร" แต่ไม่ใช่ "โฟลเดอร์" (โดยซ่อนตัวเลือก "ลบ" จากเมนูบริบทสำหรับโฟลเดอร์) ตอนนี้หาตัวอย่างนั้นไม่เจอ ใครช่วยชี้ทิศทางที่ถูกต้องให้ฉันได้ไหม เอกสารอย่างเป็นทางการไม่ได้ช่วยอะไรเลย แก้ไข: เนื่องจากฉันต้องการให้เมนูบริบทเริ่มต้นที่มีการเปลี่ยนแปลงเล็กน้อยเพียงหนึ่งหรือสองรายการฉันจึงไม่ต้องการสร้างเมนูทั้งหมดขึ้นมาใหม่ (แต่แน่นอนว่าจะเป็นวิธีเดียว) สิ่งที่ฉันต้องการทำมีดังนี้: "contextmenu" : { items: { "ccp" : false, "create" : { // The item label "label" : "Create", // The function to execute upon a click "action": function (obj) { this.create(obj); }, "_disabled": …

85 jquery  contextmenu  jstree 

สำหรับรายการแบบเลื่อนลงนี้ใน HTML: <select id="countries"> <option value="1">Country</option> </select> ฉันต้องการเปิดรายการ (เช่นเดียวกับการคลิกซ้าย) เป็นไปได้ไหมโดยใช้ JavaScript (หรือเฉพาะ jQuery)

85 jquery  html  drop-down-menu 

ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการ1 ปีที่ผ่านมา ปรับปรุงคำถามนี้ เรากำลังดึงไลบรารี jQuery และ jQueryUI (และ jQueryUI CSS) จาก google CDN ฉันชอบสิ่งนี้เพราะฉันสามารถโทรได้google.load("jquery", "1"); และ jQuery 1.xx ล่าสุดจะถูกใช้ ตอนนี้ฉันต้องการดึงไลบรารีในเครื่องเนื่องจากความปลอดภัย ฉันมีความสุขที่จะดึงพวกเขามาในพื้นที่ แต่ฉันสงสัยว่าอะไรคือประโยชน์และข้อผิดพลาดอื่น ๆ ที่ต้องระวัง?

85 javascript  jquery  jquery-ui  cdn 

เป็นไปได้ไหมที่จะรับพิกเซลค่า RGB ใต้เมาส์? มีตัวอย่างทั้งหมดนี้หรือไม่? นี่คือสิ่งที่ฉันมีจนถึงตอนนี้: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { mouseX = e.offsetX; mouseY = e.offsetY; } else if(e.layerX) { mouseX = e.layerX; mouseY = …

85 javascript  html  jquery  canvas  getimagedata 

เมื่อฉันแสดงผลแผนภูมิสูงไปยังคอนเทนเนอร์ div ฉันจะเข้าถึงวัตถุแผนภูมิผ่าน div-Container ได้อย่างไร ฉันไม่ต้องการให้ตัวแปรแผนภูมิเป็นแบบสากล var chart = new Highcharts.Chart({ chart: { renderTo: "testDivId", ... ฉันต้องการเข้าถึงแผนภูมินอกบริบทข้างต้นเช่นนี้ (pseudocode) เพื่อเรียกใช้ฟังก์ชัน: var chart = Highcharts.Chart("testDivId"); //access from id chart.redraw();

84 javascript  jquery  html  dom  highcharts 

ฉันกำลังเขียน Javascript เพื่อปรับขนาดภาพขนาดใหญ่ให้พอดีกับหน้าต่างเบราว์เซอร์ของผู้ใช้ (ฉันไม่ได้ควบคุมขนาดของภาพต้นฉบับ) ดังนั้นสิ่งนี้จะอยู่ใน HTML: <img id="photo" src="a_really_big_file.jpg" alt="this is some alt text" title="this is some title text" /> มีวิธีตรวจสอบว่าsrcรูปภาพในimgแท็กถูกดาวน์โหลดหรือไม่ ฉันต้องการสิ่งนี้เพราะฉันพบปัญหาหาก$(document).ready()ดำเนินการก่อนที่เบราว์เซอร์จะโหลดภาพ $("#photo").width()และ$("#photo").height()จะส่งคืนขนาดของตัวยึดตำแหน่ง (ข้อความแสดงแทน) ในกรณีของฉันนี่คือ 134 x 20 ตอนนี้ฉันกำลังตรวจสอบว่าความสูงของรูปถ่ายน้อยกว่า 150 หรือไม่และสมมติว่าถ้าเป็นเช่นนั้นเป็นเพียงข้อความแสดงแทน แต่นี่เป็นการแฮ็กค่อนข้างมากและจะพังหากรูปภาพมีความสูงน้อยกว่า 150 พิกเซล (ไม่น่าจะเป็นในกรณีเฉพาะของฉัน) หรือหากข้อความแสดงแทนมีความสูงมากกว่า 150 พิกเซล (อาจเกิดขึ้นในหน้าต่างเบราว์เซอร์ขนาดเล็ก) . แก้ไข:สำหรับใครที่ต้องการดูรหัส: $(function() { var REAL_WIDTH = $("#photo").width(); var REAL_HEIGHT = …

84 javascript  jquery  image 

<input type="file" id="asd"/> ฉันต้องการรับภาพในbase64เมื่อผู้ใช้เลือกแล้ว (ก่อนส่งแบบฟอร์ม) สิ่งที่ต้องการ : $(input).on('change',function(){ var data = $(this).val().base64file(); // it is not a plugin is just an example alert(data); }); ฉันอ่านเกี่ยวกับ File API และเนื้อหาอื่น ๆ ฉันต้องการโซลูชันที่เรียบง่ายและข้ามเบราว์เซอร์ (ไม่รวม IE6 / IE7 อย่างชัดเจน) ความช่วยเหลือใด ๆ ที่ชื่นชมขอบคุณ

84 javascript  jquery  file  input  base64 

ฉันเพิ่งเริ่มใช้ Bootstrap และฉันมีปัญหาในการทำให้ฟีเจอร์ป๊อปโอเวอร์และคำแนะนำเครื่องมือใช้งานได้ ฉันไม่มีปัญหากับดรอปดาวน์และโมเดล แต่ดูเหมือนว่าฉันจะขาดบางอย่างสำหรับป๊อปโอเวอร์และคำแนะนำเครื่องมือ ฉันได้รับคำแนะนำเครื่องมือเพื่อแสดง แต่ไม่ได้มีสไตล์และอยู่เหมือนตัวอย่าง bootstrap และป๊อปโอเวอร์ไม่ทำงานเลย โปรดตรวจสอบและแจ้งให้เราทราบว่าฉันขาดอะไร <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" media="screen"> <link href="css/font-awesome.min.css" rel="stylesheet" media="screen"> <link href="css/index.css" rel="stylesheet" media="screen"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements …

84 javascript  jquery  css  twitter-bootstrap 

ฉันกำลังทำงานกับแอพ Ajax โดยใช้ทั้ง jQuery และ AngularJS เมื่อฉันอัปเดตเนื้อหา (ซึ่งมีการโยง AngularJS) ของ div โดยใช้htmlฟังก์ชันของ jQuery การเชื่อม AngularJS จะไม่ทำงาน ต่อไปนี้เป็นรหัสของสิ่งที่ฉันพยายามทำ: $(document).ready(function() { $("#refreshButton").click(function() { $("#dynamicContent").html("<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>") }); }); </style><script src="http://docs.angularjs.org/angular-1.0.1.min.js"></script><style>.ng-invalid { border: 1px solid red; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app=""> <div id='dynamicContent'> <button ng-click="count …

84 jquery  angularjs 

เป็นไปได้ไหมที่จะเลือก div ชายด์ 5 คนสุดท้ายขององค์ประกอบ

84 jquery  css-selectors 

แท็กสามารถมีหลายแอตทริบิวต์ ลำดับที่แอตทริบิวต์ปรากฏในโค้ดไม่สำคัญ ตัวอย่างเช่น: <a href="#" title="#"> <a title="#" href="#"> ฉันจะ "ทำให้ HTML เป็นปกติ" ใน Javascript ได้อย่างไรดังนั้นลำดับของแอตทริบิวต์จึงเหมือนกันเสมอ ฉันไม่สนใจว่าจะเลือกคำสั่งไหนตราบใดที่ยังคงเหมือนเดิม UPDATE : เป้าหมายเดิมของฉันคือทำให้หน้า HTML 2 หน้าแตกต่างกัน (ใน JavaScript) ได้ง่ายขึ้นโดยมีความแตกต่างเล็กน้อย เนื่องจากผู้ใช้สามารถใช้ซอฟต์แวร์อื่นเพื่อแก้ไขโค้ดลำดับของแอตทริบิวต์จึงอาจเปลี่ยนแปลงได้ สิ่งนี้ทำให้ความแตกต่างมากเกินไป คำตอบ : ก่อนอื่นขอขอบคุณสำหรับคำตอบทั้งหมด และใช่มันเป็นไปได้ นี่คือวิธีที่ฉันจัดการได้ นี่เป็นข้อพิสูจน์ของแนวคิดซึ่งสามารถปรับให้เหมาะสมได้อย่างแน่นอน: function sort_attributes(a, b) { if( a.name == b.name) { return 0; } return (a.name < b.name) …

84 javascript  jquery  html  html-parsing