jquery

问题 I am trying to implement a header that is originally fixed and stays on top, then, as a certain element or scrolling position is reached, it will scroll out of the viewport as if it were "normal" content. What I did until now is this code using the Jquery Waypoints plugin: $('h1').waypoint(function(direction) { $(".header-container").slideToggle(); }); It basically animates the header out of sight as soon as a certain element (in this case h1 ) is reached. But I want it to be scrollable by

问题 Hi I need show a Title tag of img inside img. Like this example http://jsfiddle.net/51csqs0b/ .image { position:relative; width:200px; height:200px; } .image img { width:100%; vertical-align:top; } .image:after, .image:before { position:absolute; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; } .image:after { content:'\A'; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); } .image:before { content: attr(data-content); width:100%; color:#fff; z-index:1; bottom

问题 I am trying to convert an HTML Table to Name-Value pair in JSON format using Jquery. <table class="table"> <thead class="thead-light"> <tr> <th>MobileNumber</th> <th>Amount</th> <th>Fuel</th> </tr> </thead> <tbody> <tr> <td>1223445</td> <td>12.49</td> <td>1223</td> </tr> <tr> <td>99999</td> <td>11.39</td> <td>1277745</td> </tr> </tbody> </table> The above table should get converted to a JSON formatted name value pair as below [{ "Customer":{ "MobileNumber":"1223445" }, "TemplateFieds": [{

问题 I'd like to add simple pagination to this existing script: http://sixrevisions.com/demo/slideshow/final.html So basically it would count the number of <div class="slide"> instances and then generate a list (e.g. 1 - 2 - 3 - 4) and each has a hyperlink to that specific slide. I'm not so hot with Javascript so would love some help with this. Can someone show me how to achieve this? Many thanks for any pointers :-) 回答1: Basically, you want to add a link element for each slide using the variable

问题 I have a small problem. Div slides and reaching end it's quickly show div 1 without pause. Div 5 cannot see. $(function(){ var width = '100vw'; var speed = 1500; var pause = 3000; var current = 1; var $slider = $('.slider'); var $slides = $slider.find('.slides'); var $slide = $slides.find('.slide'); setInterval(function(){ $slides.animate({'margin-left': '-='+width}, speed, function(){ current++; if(current == $slide.length){ $slides.css('margin-left', 0); current = 1; } }); }, pause); });

问题 I need to delete text from a html node, but keep the inner HTML Anyone who knows how to do this? Example : <td class="ms-list-addnew"> <a class="ms-herocl" id="idHPNewDocument"><span>new document</span></a> or drag files here </td> Needed result (remove the " or drag files here"): <td class="ms-list-addnew"> <a class="ms-herocl" id="idHPNewDocument"><span>new document</span></a> </td> 回答1: If you want to keep what you have, this can work for you. Otherwise you can add a span tag around it

问题 I am working with two divs where, one in the left is a collapsible container and the one in the right is a main container, something like this: ================================ | | | | | | | | | | div 1 | div 2 | | | | | | | ================================ I am collapsing div 1 using simple css class and when div 1 is not visible, div 2 expands in size and takes over rest of the space. Now I need to get the size of the div 2 once it is done with the resizing (which is not instant and it is

问题 I'm having some trouble with wp_localize_script . There's plenty of questions about this already but I don't know how to implement them to this specific case. I made a jQuery file that includes an image after every div with a specific class. The jQuery itself is fine as I can change the image tag with a paragraph tag and then it shows up in my browser. Here's what I have in functions.php function wpa_scripts() { wp_enqueue_script( 'divider', get_template_directory_uri() . '/js/divider.js',

问题 I'm trying to create a chrome app that when i click on a button, it opens a new chrome window, at the moment it just opens a new tab. html: <html> <head> <script src="jquery-3.1.1.min.js"></script> <script src="script.js"></script> </head> <body> <button>Test</button> </body> </html> JS: $(document).ready(function() { $("button").click(function() { window.open( "https://www.google.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400" ); }); }); 回答1:

问题 I'm using BxSlider to make a slider. I have set it to display 3 slides at the time. Works fine. Now I'm trying to get first and last slide by calculating current and total number of slides. Currently I have a total of 10 slides - and that number can vary - (to be displayed 3 at the time) and so my function doesn't work. It works if I have six or nine slides obviously. The reason I'm interested in getting the first and last slide is because I'm going to hide the last and right link