jquery

问题 I want to create a animation on search loop icon when hovering in it.First the loop only is displayed like this picture And when I will hover on the loop icon the text input must appear from the right inceasing its width to left and get 100% width. I tried this code jQuery(".main_search .search-field").focusin(function() { jQuery(".main_search .screen-reader-text").css( "display", "none"); }); jQuery(".main_search .search-field").focusout(function() { jQuery(".main_search .screen-reader-text"

问题 I have seen the type of thing I need for, in this link. I want the first one to be drawn when the page loads, is there any ways I can do it? I tried messing with the code, but got no results, the border would still appear when I hover the div instead of drawing it on page load. &::before, &::after { // Set border to invisible, so we don't see a 4px border on a 0x0 element before the transition starts border: 2px solid transparent; width: 0; height: 0; } // This covers the top & right borders

问题 $("#contact-form").click(function() { $('html, body').animate({ scrollTop: $("#contact-section").offset().top }, 2000); }); <div class="modal fade" id="saModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h3>title</h3> </div> <div class="modal-body"> text </div> <div class="modal-footer"> <button type="button" id="contact-form" class="btn btn-default pull-right glyphicon

问题 I'm trying to use sweet alert as a dialog to confirm the deletion of an entry on a table. There's a column on each table row which has a button which opens a 'Sweet Alert' confirm dialog. The code of my table is as follow: <tr> <!-- Other Table Colums --> <td> <button userid="<?php echo $row['id']; ?>" id="<?php echo('bn_delete_' . $row['id']); ?>" class="btn btn-danger btn-xs warning-message-parameter">Delete</button> <td> </tr> The code for my sweet alert dialog is: swal({ title: "Are you

问题 I'm trying to use sweet alert as a dialog to confirm the deletion of an entry on a table. There's a column on each table row which has a button which opens a 'Sweet Alert' confirm dialog. The code of my table is as follow: <tr> <!-- Other Table Colums --> <td> <button userid="<?php echo $row['id']; ?>" id="<?php echo('bn_delete_' . $row['id']); ?>" class="btn btn-danger btn-xs warning-message-parameter">Delete</button> <td> </tr> The code for my sweet alert dialog is: swal({ title: "Are you

问题 I have a form and I want to show a confirmation massage after clicking submit button and also I don't want to use following method return confirm("Are You Sure?") I used JQuery Confirm as following. @using (@Html.BeginForm("SubmitTest", "HydrostaticReception", FormMethod.Post, new {id="ReceptionForm", onsubmit = "ValidateMyform(this);" })) { ..... <button onclick="SubmitMyForm()">Submit</button> } The javascript codes are ... function ValidateMyform(form) { // get all the inputs within the

问题 I have an Image and I want to allow users to drag the image only in Y axis and I have to limit the dragging by pixels, which means users can drag only 200 pixels in Y axis (either upside and downside) <script> $(function() { $( "#img" ).draggable({ axis: "y" }); }); </script> I could limit the dragging in Y axis only but I didn't see an option to limit the dragging in pixels. please help 回答1: There is also the option 'containment' where you can specify a bounding box with coordinates (among

问题 I am trying to create a datatable that has vertical but not horizontal scrolling. The create table statement I am using here as follows: $(document).ready( function () { $('#order-attention-table').DataTable( { "bFilter": false, "scrollY": 300, "scrollX": false, "paging": false, "ordering": false, "info": false, }); } ); Currently my columns are wider than the screen and this causes a horizontal scroll bar to appear even with "scrollX": false. The only way I can get the horizontal scrollbar

问题 I am new to Jquery and ajax. I need to upload multiple images to server folder and store the details in a db table. After uploading, I need to display all images which set as 'active' in database.( I have looked into many codes which are not working for me) After that I need to drag some images to an area and also need to store dragged images information in an another table. Anyone have any idea?Please help me? Thanks 回答1: http://www.plupload.com/example_queuewidget.php Here you can find a

问题 I am new to Jquery and ajax. I need to upload multiple images to server folder and store the details in a db table. After uploading, I need to display all images which set as 'active' in database.( I have looked into many codes which are not working for me) After that I need to drag some images to an area and also need to store dragged images information in an another table. Anyone have any idea?Please help me? Thanks 回答1: http://www.plupload.com/example_queuewidget.php Here you can find a