Questions tagged «jquery»

在以下示例中，我对点和哈希符号感到困惑： <DIV ID="row"> <DIV ID="c1"> <Input type="radio" name="testing" id="testing" VALUE="1">testing1 </DIV> </DIV> 代码1： $('#row DIV').mouseover(function(){ $('#row DIV').addClass('testing'); }); 代码2 $('.row div').mouseover(function(){ $(this).addClass('testing'); });​ 代码1和2看起来非常相似，因此让我感到困惑，以至于 我何时应该使用“ .row div”来引用特定的DIV而不是使用“ #row div”？

67 jquery 

假设我有： <li id="1">Mary</li> <li id="2">John, Mary, Dave</li> <li id="3">John, Dave, Mary</li> <li id="4">John</li> 如果我需要查找包含“ John”和“ Mary”的所有<li>元素，我将如何构造jQuery？ 搜索单个字符串似乎很容易： $('li:contains("John")').text() 我正在寻找类似以下伪代码的内容： $('li:contains("John")' && 'li:contains("Mary")').text() 谢谢！

67 jquery  jquery-selectors  css-selectors  contains 

假设我有类似以下内容来捕获按钮的点击事件： $("#button_id").click(function() { //disable click event //do something //re-enable click event } 如何临时禁用按钮的click事件，直到原始单击的处理结束？单击按钮后，基本上可以使div消失，但是如果用户快速单击按钮几次，它将在div消失之前处理所有这些单击。我想对按钮进行“反跳”操作，以便在div消失之前只有第一次单击被注册。

67 javascript  jquery 

我写了很多类似下面的代码。它基本上是根据某些条件切换元素的。 在下面的伪造示例中，条件为“如果agree复选框已选中且name字段不为空”。 $("button").click(function() { if ($("#agree").is(":checked") && $("#name").val() != "" ) { $("#mydiv").show(); } else { $("#mydiv").hide(); } }); 我希望有某种可以像这样工作的jQuery函数。 $("button").click(function() { var condition = $("#agree").is(":checked") && $("#name").val() != "" ); $("#mydiv").toggle(condition); }); 那里有这样的东西吗？还是除了第一个示例以外，还有其他方法可以用更少的if-else-ish方式做到这一点？

67 javascript  jquery  toggle 

我正在开发一个简单的react-spring引导应用程序，但是由于GitHub问题，我使用IntelliJ重新创建了应用程序启动器文件，并使用先前应用程序的package.json文件的依赖项数据安装了节点模块。 如果我使用折叠的导航栏（汉堡栏->响应式导航栏，该导航栏在移动视图中折叠），然后单击“汉堡栏”按钮以查看导航链接，则会出现以下错误。但是所有这些事情在以前的应用程序中都进展顺利。 TypeError: Cannot convert object to primitive value HTMLDivElement.<anonymous> C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:346 343 | ...typeof config === 'object' && config ? config : {} 344 | } 345 | > 346 | if (!data && _config.toggle && /show|hide/.test(config)) { | ^ 347 | _config.toggle = false 348 | } 349 …

27 javascript  jquery  reactjs  bootstrap-4 

我正在尝试采用一种使用Django-Crispy-Forms布局功能将嵌套表单集与主表单保存在一起的方法，但是我无法保存它。我正在跟踪此代码示例项目，但无法验证表单集以保存数据。如果有人能指出我的错误，我将非常感激。我还需要在同一视图中为EmployeeForm添加三个内联。我尝试了Django-Extra-Views，但无法正常工作。如果您建议为同一视图（如5左右）添加多个内联，将不胜感激。我想实现的唯一目的是创建一个页面Employee及其内联Education, Experience, Others。下面是代码： 楷模： class Employee(models.Model): user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='employees', null=True, blank=True) about = models.TextField() street = models.CharField(max_length=200) city = models.CharField(max_length=200) country = models.CharField(max_length=200) cell_phone = models.PositiveIntegerField() landline = models.PositiveIntegerField() def __str__(self): return '{} {}'.format(self.id, self.user) def get_absolute_url(self): return reverse('bars:create', kwargs={'pk':self.pk}) class Education(models.Model): employee = models.ForeignKey('Employee', on_delete=models.CASCADE, related_name='education') course_title …

14 jquery  django  django-forms  inline-formset 

当我输入最后一个数字时，第一个数字在text-box（消失）里面，这增加了一个额外的空间。 在外部单击后text-box，看起来不错，这是我键入最后一个字符时所需的。 #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, 0) 0%); background-position: left bottom; background-size: 38px 1px; background-repeat: repeat-x; width: 220px; box-sizing: border-box; outline:none; } <input type="text" id="number_text" maxlength="6" pattern="\d{6}" value="1234" > 运行代码段隐藏结果展开摘要 帮助我摆脱这个问题。谢谢

14 javascript  jquery  html  css 

我收到了很多用户的抱怨，他们在使用基于jQuery的选项卡时感到很烦，当他们在浏览器上回弹时，他们没有转到上一个选项卡，而是转到了上一页。我添加了以下上一个/下一个按钮，但还不够。如何重新配置​​按钮，以便用户单击浏览器后退箭头时可以转到上一个选项卡，而不是上一个页面。您可以在这里进行测试。 $('#quicktabs-registration_steps').append('<div class="prevnext"><a class="tablink-prev btn" href="#">Prev</a><a class="tablink-next btn btn-lg btn-primary" href="#">Continue</a></div>'); $('.tablink-prev').click(function () { var index = $('.quicktabs-tabs li.active').index(); $('.quicktabs-tabs li').eq(index).removeClass('active'); if (index == 0) { index = 1; } $('.quicktabs-tabs li').eq(index - 1).addClass('active'); $('.quicktabs-tabs li').eq(index - 1).find('a').click(); return false; }); $('.tablink-next').click(function () { var length = $('.quicktabs-tabs').first().children().size();; var index …

14 javascript  jquery 

我的要求是如何使用javascript（在不使用任何插件的情况下，如果此插件支持PWA应用程序，则不能使用任何插件）在Android设备中检测设备级别通知的开启/关闭。 根据通知是否关闭，我需要向用户显示弹出窗口，请启用通知功能，您将收到通知。 以下答案仅用于侦探性浏览器级别的通知。如果有人知道，请给我确切的答案。因为，我停在那里。 如果用户禁用，请检查此处用户启用的图片，如果用户禁用，那么我将无法发送通知。

12 javascript  jquery  push-notification  progressive-web-apps  polymer-3.x 

我已经实现了带有自定义选择模型以及自定义复选框选择插件的平滑网格。我还添加了组级别复选框，以允许在最高级别切换选择。我的要求之一是，仍可以通过任何父级分组复选框来选择折叠分组。 我的绊脚石似乎是我无法弄清楚如何选择当前在组中不可见的行。圆滑的网格将保留视觉上选定的项目集，而网格数据视图将保留完整的选定项目集（可见或不可见）。但是，当单击折叠行的组复选框时，我不知道如何将数据传输到数据中。 我像这样配置网格： let checkboxSelectionModel = new Slick.CheckboxSelectionModel(); this.grid.setSelectionModel(checkboxSelectionModel); this.grid.registerPlugin(new Slick.Data.GroupItemMetadataProvider()); let onSelectedRowIdsChanged = this.dataProvider.syncGridSelection(this.grid, true, true); onSelectedRowIdsChanged.subscribe( function(e: any, args: any) { //business logic stuff } ); let groupedCheckboxSelector = new Slick.GroupedCheckboxSelectColumn({ cssClass: "slick-cell-checkboxsel", onSelectedRowIdsChangedHandler: onSelectedRowIdsChanged }); let columns = this.grid.getColumns(); columns.unshift(groupedCheckboxSelector.getColumnDefinition()); this.grid.setColumns(columns); this.grid.registerPlugin(groupedCheckboxSelector); 要点要自定义插件，太长时间，包括在这里 特别是，如果你看看行57的slick.checkboxselectionmodel： $.each(dataItem.rows, function(index, groupRow) …

10 javascript  jquery  typescript  slickgrid 

在电子商务商店中： 主页上显示了一些项目，每个项目下方都有一个“添加到购物车”按钮。单击此按钮后，该项目即被添加到购物车。如果再次单击此按钮，则购物车中已经存在的物料数量将增加1。我相信这是循环。到目前为止，一切都很好。 在“单一产品”页面上，有一个“添加到购物车”按钮。单击此按钮后，该项目将添加到购物车。还有一个“数量”输入文本框，可用于更改数量。也可以 问题： 我需要区分在循环中单击的“添加到购物车”按钮（当前在主页上，但也可以在其他页面上使用，例如“存档”页面等）与单击的“添加到购物车”按钮之间在“单一产品”页面上。基于这种差异，这是我需要做的： 如果单击了循环中出现的“添加到购物车”按钮，请使用来获取购物车中已经存在的此项目的数量，将其 $cart_item_key递增1，然后将其发送到自定义函数，该函数将进行其他处理并保存详细信息重新购物。 如果单击了“单个产品”页面中出现的“添加到购物车”按钮，请使用抓住购物车中已经存在的该商品 的数量$cart_item_key，将其乘以3，然后将其发送到自定义函数，该函数将进行其他处理并保存详细信息再次放入购物车。 在上述两种情况下，都会根据不同的逻辑更改“数量”，并且需要将该“数量”发送到自定义函数调用。 我尝试过的是： 我尝试了以下代码： add_action('woocommerce_add_to_cart', 'custom_action_add_to_cart', 20, 6); function custom_action_add_to_cart($cart_item_key, $product_id, $quantity, $variation_id, $variation, $cart_item_data) { $cart = WC()->cart->get_cart(); $product = wc_get_product($product_id); // NEED TO RUN CUSTOM CODE HERE BASED ON THE CHECKS if (add to cart within loop is clicked) { …

10 javascript  php  jquery  wordpress  woocommerce 

我已经实现了，react-pivottable只是想知道有没有一种方法可以在jQuery数据表视图中显示整个数据集 即，我有几列希望以表格形式显示所有这些内容，以用于以下数据 [ 'SRN', 'MainSystemType', 'MagnetType', 'MagnetCoverType', 'MagnetRMMUType', 'MagnetHighOrderShimPowerSupply', 'GradientAmplifierType', 'GradientInterfaceType', 'GradientSwitchType', 'RFSystemB1FieldSystem', 'RFSystemFrontendInterface', 'CabinetsDasCabinet', 'ReconstructorAvailableMemory', 'ReconstructorNumberOfProcessors', 'AcquisitionSystemBulkBoardType', 'CabinetsCoolersCabinet', 'AcquisitionSystemType', 'PatientSupportPatientSupportType', 'PatientInterfaceMiscellaneousBoxType', 'PatientInterfacePPUType', 'PatientInterfaceType', 'PatientInterfaceAudioModule', 'PatientInterfaceAudioSwitchType', 'PatientSupportPowerSupplyUnit', 'RFAmpType', 'IOP_Firmware', 'RFP_Firmware' ], [ 108, 'WA15', 'WA_15T', 'Wide Aperture', 'MEU', 'NONE', '781', 'IGCIDNA', 'NONE', 'HIGH', 'TFINT', 'DACC', 65536, 1, 'NONE', 'LCC2B', 'DDAS', …

9 jquery  reactjs  database  datatable  pivot-table 

我已经编写了一个脚本（在这里用户的帮助下），该脚本允许我扩展选定的div并通过相等地拉伸以适合剩余的空间（使第一个div的宽度固定）来使其他div相应地表现。 这是我要实现的目标的图片： 为此，我使用flex和transitions。 它运作良好，但是jQuery脚本指定了“ 400％”的拉伸值（非常适合测试）。 现在，我希望所选的div扩展/缩小以完全适合内容，而不是“ 400％”固定值。 我不知道该怎么做。 可能吗 ？ 我尝试克隆div，使其适合内容，获取其值，然后使用该值转换BUT，这意味着我的初始宽度为百分比，但目标值为像素。那不行 而且，如果我将像素值转换为百分比，则无论出于何种原因，结果都不完全适合内容。 在所有情况下，这似乎都是实现我想要的目标的一种复杂方法。 是否没有可以转换的flex属性以适合选定div的内容？ 这是代码（为了便于阅读，对其进行了编辑/简化）： var expanded = ''; $(document).on("click", ".div:not(:first-child)", function(e) { var thisInd =$(this).index(); if(expanded != thisInd) { //fit clicked fluid div to its content and reset the other fluid divs $(this).css("width", "400%"); $('.div').not(':first').not(this).css("width", "100%"); expanded = thisInd; …

9 javascript  jquery  css  flexbox  css-transitions 

我有一个定义明确的AJAX过滤器，分为两部分，一部分用于加载更多按钮，另一部分用于选择下拉过滤器。两者都在AJAX中重新加载前端的属性列表，并且一起工作（例如，如果我选择“最低价格”，“最高价格”和“下拉列表中的床位数”，则列表将刷新，并且“加载更多”按钮将正常工作） 。 相同的过滤器也可用于URL参数。因此，例如，如果URL为： mydomain.com/?min_price=100000&max_price=5000000&beds=3&page=3 它将按那些参数进行过滤。它甚至可以显示3页的属性。这非常好，包括初始负载。但是，如果直接加载URL，则它不适用于分页。如果我直接在浏览器中输入上述URL并加载，初始结果是正确的，但是在单击“加载更多”按钮时，它会将page = 3更改为page = 4（正确），但是它附加了未过滤完成的属性的第二页，并继续这样做-而不是进行过滤分页。 我究竟做错了什么？ 这是我的代码（很抱歉！） JS： jQuery(function($){ // AJAX Stuff for filters + load more button /* * Load More */ $('#prop_loadmore').click(function(){ $.ajax({ url : prop_loadmore_params.ajaxurl, data : { 'action': 'loadmorebutton', 'query': prop_loadmore_params.posts, // loop parameters passed by wp_localize_script() 'page' : prop_loadmore_params.current_page, // Get …

9 php  jquery  ajax  wordpress 

我制作了一个包装纸，在其Airpods Pro页面上制作了与Apple相同的效果。基本上是视频，当我滚动视频时会一点一点地播放。视频的位置是固定的，因此文本可以很好地滚动。但是，只有在特定分隔的偏移量之间（文本显示），文本才可见。 那部分工作正常。现在，我希望当用户滚动到视频的末尾并结束动画时，将视频效果包装器从固定位置转到相对位置。这样该网站将在视频动画后正常滚动其内容。 JSFIDDLE代码+演示 这是我已经尝试过的一个示例： //If video-animation ended: Make position of video-wrapper relative to continue scrolling if ($(window).scrollTop() >= $("#video-effect-wrapper").height()) { $(video).css("position", "relative"); $("#video-effect-wrapper .text").css("display", "none"); } 这种工作...但是除了顺利以外，其他所有事情都是如此。并且还需要使网页反向滚动。 尝试解决此问题时遇到的问题： 滚动以及从固定需求到相对需求的过渡，感觉自然而流畅 包装器本身不是固定的，包含.text元素，视频是固定的，因此.text元素可以覆盖video元素（创建效果）。这些.text元素会导致尝试找到解决方案的问题

9 javascript  jquery  html  css