logo
down
shadow

bootstrap dropdown not working with ajax


bootstrap dropdown not working with ajax

By : Lewis
Date : November 19 2020, 03:01 PM
I wish this helpful for you It seems that you have an error in your code! I can understand that you copy-pasted some stuff because it is not very consistent.
You are having this onclick="return x=1" data-toggle="dropdown" and you are listening for another onClick event in the jQuery script above.
code :


Share : facebook icon twitter icon
Bootstrap Dropdown not working - Dropdown doesn't toggle

Bootstrap Dropdown not working - Dropdown doesn't toggle


By : LDP
Date : March 29 2020, 07:55 AM
I wish this help you You have no need to add directly bootstrap-dropdown.js, because the js file bootstrap.js contain already all jQuery plugins used by bootstrap.
On Chromium 23, use both scripts disable feature without display any error message.
Twitter bootstrap dropdown button not working after and ajax call

Twitter bootstrap dropdown button not working after and ajax call


By : Nijon
Date : March 29 2020, 07:55 AM
To fix this issue i put it in a fiddle WITHOUT your ajax call, but still injecting the values on button click, and it works. So clearly either your ajax call is not coming back with the appropriate data, or you're not injecting into the appropriate spot...
Simplified Fiddle that Works
code :
$(document).on('click', '.collateralButton', function (e) {
        var $this = $(this);

        var questionId = $('.collateralButton').parent('.btn-group').parent('.collateralWindow').siblings('.answerForm').find('.submissionForm').attr('data-questionid');

        $('.dropdown-menu').append("<li class=\"collateralItem\"  data-content=\"blah blah\"><a href=\"#\">blah blah</a></li>");
        $('.dropdown-menu').append("<li class=\"collateralItem\"  data-content=\"blah blah\"><a href=\"#\">blah blah</a></li>");    
});
Bootstrap dropdown not working after initial ajax form submission

Bootstrap dropdown not working after initial ajax form submission


By : user3731595
Date : March 29 2020, 07:55 AM
this one helps. You need to manually reset the dropdown after you've loaded the data into the everything div. I've modified your AJAX call to show you where to put the call.
code :
$.ajax({
      type: 'POST',
      url: 'manager.php',      
      data: {number:number, location:location, project:project, comments:comments},        
        success:function(data){
          $('#everything').html(data);
          $('#searchBy').dropdown();
        }
  });
Angular 2 Bootstrap (ngx-bootstrap/ng2-bootstrap) dropdown not working

Angular 2 Bootstrap (ngx-bootstrap/ng2-bootstrap) dropdown not working


By : leojuju
Date : March 29 2020, 07:55 AM
To fix this issue I figured out the issue. The dropdowns were actually working. The issue was that for some reason the y-position (top) for the .dropdownMenu was placing it beyond the bounds of the container it resided in, where it could not be seen. I'm still not sure why THAT is happening, but at least I have something to work with.
Bootstrap Dropdown menu is not working (Does not show a dropdown list)

Bootstrap Dropdown menu is not working (Does not show a dropdown list)


By : Raghavendhar M
Date : March 29 2020, 07:55 AM
around this issue You don't have jquery.min.js and bootstrap.min.js or bootstrap.js files connected in your html. Look at the basic template
Before closing tag you need to add folowing code
code :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
Related Posts Related Posts :
  • jQuery target next of the same class in the whole DOM
  • encoding must be a valid encoding error in process encoding
  • How to do a date range to view data from selected date highcharts
  • How do I refactor this composed function with Ramda.js?
  • jQuery to serialize selected option's value, not label
  • Convert object to Chartis.js structure
  • Dynamic import with not bundled file
  • Click handler not firing for elements rendered in Ajax Callback - only in Safari
  • Math.max.apply gives an error CreateListFromArrayLike called on non-object
  • get the parent nodes to a given node in d3 dendogram
  • is-dropdown-submenu-parent makes links unclickable on Opera and Chrome
  • JS: Sum column values and updating result on change
  • Query against nested object keys
  • Fullcalendar getting its parent colspan
  • How to retrieve a dynamic number of elements by id
  • How to access redux variables and functions from deep components
  • Efficiently access Array.prorotype.filter single-item returns
  • PHP var into Javascript
  • How to parse json with javascript/jquery if content matches string
  • How can I make a pyramid based on alphabet?
  • Javascript sorting a csv rows and displaying in table
  • How to get specific data from json from api using ajax. The json looks strange to me
  • react js html5 video not working
  • Javascript Angular 4 Change ngClass from another Component
  • Hide multiple table columns with javascript
  • Convert datetime to ISO Format using moment js
  • Dynamically adjust canvas size depending on content
  • setTimeout function with document on click
  • Need advice on nested Promises.all
  • Google Captcha expiration time
  • Syntax of Javascript TAPE unit test
  • Parse php json to javascript
  • Write to Internet Explorer javascript console with vba in excel
  • 2 Forms with Jquery
  • Why the loop stops right in the middle?
  • filter system for restaurant booking
  • how to add active class in framework nav menu when (add/edit) pages are opened
  • Port a js map in dart
  • How to get value from select using javascript
  • Audio won't be muted with JavaScript - removing audio tags with mutationobserver needed
  • How to include an HTML/Javascript game into reactJS website
  • Convert Nodejs server into node module
  • Strage Vue behaviour. V-if does not watch properly
  • Is it possible to use map/filter/reduce inside a promise by returning the result with Promise.resolve?
  • Does EcmaScript have any rule where whitespace is important for the compiler during parsing
  • How is DOM and Virtual DOM represented in memory?
  • cannot display text onchange select option
  • My gulpfile can edit (change) and delete file, but dont copy new (add) files
  • How do I reset scroll position of paper-dialog-scrollable?
  • Loading unlooped gif-animation several times
  • Strange error from Google API: initializeAutocomplete is not a function
  • Array state variable is not being set during componentWillMount
  • Stop refresh on form submit when using javascript
  • Npm WARN deprecated babel-preset-es2015@6.24.1: Thanks for using Babel: we recommend using babel-preset-env now: please
  • Cant get wheel scroll delta on Firefox
  • Puppeteer with Prompt, ignoring rest of function
  • VueJS Form Input Binding
  • How To Extend mail.Chatter Widget in Javascript Odoo 10
  • How Chk two checkboxes at a time using jQuery
  • Broken "if" statement in JavaScript code…
  • shadow
    Privacy Policy - Terms - Contact Us © voile276.org