jQuery呈现页面上的其他元素无响应

时间:2018-01-22 21:02:38

标签: jquery html wordpress

我在上一篇文章中得到了一些关于某些jQuery代码的帮助,这些代码可以在页面显示上显示div,或者根据下拉菜单中选择的内容隐藏。该代码非常有效,并且完全符合预期。

上一篇文章:jQuery to hide divs based on dropdown

但是,在页面上实现后,所有其他元素在单击时不再响应。这是一个提交页面,用户可以上传自己的产品。即他们会上传缩略图,一些图库图片及其产品。

但是在实现jQuery代码片段后,似乎所有其他功能都消失了。每当按下页面上的任何其他按钮时,不再提示任何内容。

我不是开发人员,因此排除故障有点困难。如果有人对此为何提出建议,我将非常感激。我可能是一些我忘记做的简单事情,你总是要用jQuery做什么?

有问题的页面可以在这里找到: https://fn2.flippednormals.com/vendor-dashboard/?task=new-product

您可以使用这些详细信息登录

用户: henry@mortenjaeger.com

通过: 亨利@ 1234

我希望这是我的用户错误,因为我对jQuery一无所知以及如何真正实现它。特别是在wordpress网站上

这是jQuery代码:

<script src="https://code.jquery.com/jquery-1.6.4.js"></script>
<script>
  $(document).ready(function () {
      $('.resource-duplicate , .training-duplicate').hide();
      $('#download_tag').change(function () {
         $('.resource-duplicate , .training-duplicate').hide();
         var choice = $('#download_tag option:selected').text()
         if(choice === 'Resources'){
            $('.resource-duplicate').show();
         }
         if(choice === 'Training'){
            $('.training-duplicate').show();
         }
      })
  });
</script>

谢谢! 的Morten

0 个答案:

没有答案