Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

Questions tagged [jquery]

jQuery is a Javascript library, consider also adding the Javascript tag. jQuery is a popular cross-browser JavaScript library that facilitates Document Object Model (DOM) traversal, event handling, animations and AJAX interactions by minimizing the discrepancies across browsers. A question tagged jquery should be related to jquery, so jquery should be used by the code in question and at least jquery usage-related elements need to be in the question.

Filter by
Sorted by
Tagged with
0
votes
0answers
4 views

Create a Preloader

Hi Guys, I want to create a preloader like the image. Do you know a free source code for it? Any help will be greatly appreciated. Thanks!
1
vote
2answers
16 views

FadeIn new background image Jquery

I have a div with a background image defined: #section0{ background-image: url("?/questions/tagged/jquery/images/top_back2.jpg"); } I have a setTimeout function changing the background image to something else 3s ...
0
votes
0answers
6 views

before forward slash `/` Any X amount character I want to wrap inside the div/span tag

I am a beginner on jQuery. So I need help from your side. I want to write a jquery/javascript function. before forward slash / Any X amount character I want to wrap inside the div/span tag. Can you ...
-2
votes
0answers
10 views

Page turn for dynamic contents

I am looking to find a way to implement a page turn like Pocket. I have a look at turnjs but it doesn't suite me since the content of the page is depend on the size of the device or the size of text. ...
0
votes
0answers
24 views

Using jQuery to open and close Bootstrap drodown

I wang to open and close the Bootstrap drop down menu use Jquery. My code for Dropdown: <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="...
0
votes
2answers
22 views

Problem with route in Ajax using Laravel?

I am trying to get a list of countries with their cities using Select2 with Jquery. At the time of creating a post with their respective country and city, I don't have a problem, but at the time of ...
0
votes
1answer
19 views

Redirect to a different URL on page refresh [duplicate]

I want to send a post request which in turn is going to redirect to a different url when a user clicks the refresh button in the website $(window).on('beforeunload', function(){ console.log(`...
0
votes
0answers
9 views

Need help getting the exact height the browser is calculating via JavaScript or JQuery

I'm doing some calculation to set an angled edge to a div and that calculation requires knowing the exact height of the div. I'm using JQuery.outerHeight() (don't care about margin) and it's giving me ...
0
votes
1answer
19 views

Jquery get json data with number

i have this Json: "AMAZ": { "LOAS": { "1": "NAME1", "2": "NAME2" }, "BAG": { "ASLO": { "1": "NAME1", "2": "NAME2" } im trying to get the NAME1 and ...
0
votes
0answers
13 views

How to retain the value is select2 after form submit in Codeigniter?

Good day, I have a select2 on my view, but when the user clicks submit on the form and the validation fails the previously selected values are cleared. I tried using set_select() but it does not ...
0
votes
0answers
14 views

Clearing filter is not updating select list Jquery

I have the following code: <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="...
0
votes
0answers
18 views

How do you append a select with a asp-item tag helper

I have a functionality where I append a select html when a button is clicked using jQuery. I already have a select which uses a asp-item tag helper to fill it with my corresponding model. The platform ...
0
votes
2answers
20 views

Implementing bootstrap select into an existing project

I'm working with a massive code base here and trying to shoe horn in bootstrap-select to render in a nice fancy drop down. https://developer.snapappointments.com/bootstrap-select/ We have bootstrap 3....
0
votes
0answers
15 views

select 2 dropdown list showing up behind other html control

Are there any know issues with select 2 4.0.10? On my asp.net page, it is showing up behind the other html control.
0
votes
0answers
12 views

kendo ui jquery printing tabs

I have read the Kendo UI JQuery documentation and other forum responses to the question of how to print the Kendo UI Jquery tabstrip. But I am having an issue still. If I open a window and do nothing (...
0
votes
1answer
27 views

how can I tell if an element is a jquery DOM element or vanilla?

How can I tell if a DOM element $('.hello') is either a jquery element or vanilla javascript? I have code that takes in a jquery element and performs operations to it, but I would like the code to ...
0
votes
1answer
20 views

Function is not defined when the html is load from another page with ajax

I have a table in one page and i fetch with the rows of a database with ajax, i have a button and onclick he does a function named deleteRow() but when i click says that deleteRow() is not defined. ...
0
votes
1answer
23 views

From JQuery to JS variable [duplicate]

I want the array of objects result (msg) that I get from AJAX into a JS variable (allEvents) I thought it could be done like this: let allEvents; $.ajax({ method: "GET", url: "https://...
0
votes
0answers
7 views

Jquery Tool-tips do not work after sorting a table Column

I am trying to get information from an API which will be filling my tool-tip information. It works just fine,initially. But once I sort the table , the tool-tips are no longer being populated with ...
0
votes
2answers
22 views

Hide button if url is undefined

I would like to hide a url button if the value is undefined. I passed an attribute and I added to a class. <script="text/javascript"> ......... j('.url').attr('href',ContextPath + home); </...
0
votes
0answers
6 views

DataTables warning: table id=DataTables_Table_0 - Ajax error datatable expres.js

hello people i asking for help i have a datatable a mysql datatable and a express server, i create an api in express router.post('/data' , async(req,res)=> { var tupac=await pool....
-1
votes
0answers
23 views

simple jQuery scope

Pretty simple problem, I think. I have a need to apply emojis to a chat box. The emojis appear on mouseover, but they are not clickable in this scope for some reason. Can you guys see what is wrong ...
0
votes
0answers
10 views

Bootstrap Navbar Collapse Not Working After Resize (But Works in Plunker)

I am pulling my hair out over this... So I'm developing in Brackets loading an AngularJS page with Bootstrap 3.3.7... And the Navbar works if the page is loaded small, but if you resize the page the ...
0
votes
1answer
16 views

bootstrap carousel slider ID of items appears in URL

bootstrap carousel slider id appears in URL . like It shows in the following pictures it changes sliders but it shows the ID of Each slide item in the URL. I changed the version of Jquery for newer ...
0
votes
1answer
25 views

How to switch active class with jquery?

Please, hear me out. I'm still new to html and jquery, and I know this question has been asked a number of times, but I don't know why the solutions don't work for my problem. I want to be able to ...
0
votes
0answers
5 views

jQuery qTip accessibity - Tabbing on elements of qTip

I am showing a qTip on mouse click and enter key. This qTip have multiple elements(includes 2 labels and one button). This qTip is working absolutely fine with Mouse clicks. But when I use tab button ...
0
votes
0answers
18 views

How to access my Vue app outside of vue not working in IE11

I have a standard app using vue CLI3 with Babel support. I'm trying to trigger a function within one of my components in my app. My current solution works fine in all browsers except IE11. I have ...
-1
votes
0answers
22 views

Save selected multiple options from dropdown in database

I have a dynamic dropdown list in programmed with html connected with my SQL Server database. Now I made a dropdown with the possibility to choose multiple options. But when I select multiple options ...
0
votes
1answer
20 views

Cors is blocking client access to local vertx-server

I'm running into trouble with CORS blocking my client from accessing the vertx server when fetching JSON object through jquery. I found CORS issue in vertx Application not working as a solution but I ...
0
votes
0answers
13 views

series name and data for highcharts assigned via loop

I am trying to loop a list of JSON objects and assign some keys as the name of the highcharts series and the convergencesData as the list of data. I have placed a static chart example with what I am ...
0
votes
5answers
41 views

Loop through all children of an div

i'm busy with an page which will load some information from an database, but to do this I first have to declare some stuff. But I need to get access to all the elements inside an html object. So if my ...
1
vote
0answers
24 views

Properly reference a (javascript) jquery plugin inside my typescript file

I would like to use a jquery plugin inside a typescript page of my Aurelia SPA. This plugin is called morelines Here is my current solution so far: my typescript file: post.ts import './jquery....
0
votes
0answers
9 views

How to change export button to custom icon in highcharts

I am using Highcharts,Here I need to change the export button of right side into a download icon/image. Also Legends text like installation,Manufacturing color to same as particular series color,I ...
0
votes
1answer
56 views

Add CSS style to a specific class via javascript

I got these lines of code and want to add them only to a specific div class. So if the background is dark it should be filter: invert(1); and when the background is brighter filter: invert(0);. How ...
0
votes
0answers
18 views

Bootstrap carousel next/prev methods force it to autoplay faster

I am using jquerySwipe plugin to add swipe feature to my carousel. My carousel has autoplay feature when the page loads.And when i am swiping carousel it triggers next/prev events. <body> &...
0
votes
1answer
41 views

Jquery hide and show css

i have some problems with code . So i want to show Div (table) with jquery. And i can't do this. Code HTML: <div id="DT12345-1234-123"> <table> (Some table details) </table> ...
0
votes
1answer
26 views

Iterating a combined json object

I have this php code tat gets data from mysql and combines into into one big json object and passes it to the view via ajax get $user_id = $this->ion_auth->get_user_id(); //Get Stats $addresses ...
1
vote
1answer
23 views

How to create dynamic text boxes with numeration using jQuery?

How I can create dynamic text boxes with numeration using jQuery? This is my code now: $(document).ready(function() { counter = 1; }).on('click', '.btn-add', function(e) { ...
0
votes
0answers
14 views

How to get rid of page getting unresponsive on Client Side Function call on TextBox onkeyup event

I am trying to filter data in a server side control ListBox which is having 14K plus records. I have a TextBox and I am trying allow anyone to type some text within the TextBox and based on which I ...
0
votes
1answer
18 views

How to append files to formData

I am obtaining files and their values in a non-normal way. There isn't an actual input in the form. Therefore, I am trying to append the files to the formData for ajax submission. Anytime I try to ...
0
votes
1answer
20 views

Bootstrap dropdown menu disappears after clicking toggler-icon

I have copy pasted a navbar from bootstrap: https://getbootstrap.com/docs/4.3/components/navbar/ When i paste this code into my project, the navbar works except when I shrink the browser to mobile ...
0
votes
0answers
19 views

Timepicker not showing on focus with dynamic entries?

I have a scheduler that allows a user to pick times. Using Ajax each row for a schedule time is appended, in that row they can select date, start time and end time. The datepicker seems to work but ...
1
vote
1answer
12 views

window.history.back(); not works in sharepoint page layout

I am trying to keep a back button in SharePoint page layout. So that on click of back button it must go to back page. Here I have used the code. But it doesn't works.Please suggest some ideas. ...
1
vote
2answers
37 views

Check if var exists in JavaScript to avoid undefined .top error

On my homepage, I have a video module and the following JS below animated in those cards. All my JS minifies, so, when going on to a page that doesn't have this module, I get Cannot read property '...
0
votes
0answers
26 views

How to make my SPA works without a framework using Ajax?

I've been developing a web application using jQuery, and I'm using ajax to make a SPA. Basically I have a menu on the left side of the page and the content on the right side. Every time the user ...
0
votes
0answers
11 views

FancyBox - Swap out image on click

When clicking on a thumbnail, FancyBox enlarges that image but what I'd like to do is replace the image being enlarged to another image. <map> <area shape="poly" coords="453,862,477,862,...
1
vote
3answers
32 views

How to remove dataset on mouseleave

I'm a newbie. I had similar block with dynamic background color, so I haven't exact background color, because it can be changed whenever. But I have static color in data attribute. I want to add its ...
1
vote
0answers
15 views

How to highlight the entire event in FullCalendar

I am trying to highlight an event on my calendar when user clicks. I already have some basic code, but it's not working as i expected. The way my code works now it's just highlighting for a week and ...
0
votes
0answers
20 views

Prevent flickering on drawing rectangular on canvas

I am using "onmouseover" to draw rectangular on canvas, but somehow while drawing rectangular keep flickering. Here is the function which I am using to draw rectangular. drawRect: (canvas, sX, sY, eX,...
0
votes
0answers
17 views

Display none; effects after ~0.5 second. (owl carousel)

First I need to say there are 4 factors/solutions for my problem: 1.Cache Expiry date/Cache control. 2.Owl Carousel 3.style.css ==> display: none; 4.inline style ==> display: none; Problem: image ...