如何防止jQuery-ui向我的UL添加类?

时间:2015-03-28 03:45:24

标签: jquery jquery-ui datepicker

我正在使用jQuery-ui将一个datepicker添加到Wordpress网站。我遇到了这个奇怪的问题,它将类添加到与datepicker完全无关的UL。

这是页面菜单的HTML,因为它看起来没有加载jQuery-ui并启动了一个日期选择器:

<ul id="menu-airhawk" class="menu">
<li id="menu-item-780" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-780"><a href="http://airhawkdrones.ca/about-us/">About Us</a></li>
<li id="menu-item-774" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-774"><a href="http://airhawkdrones.ca/about-our-drones/">Drones</a></li>
<li id="menu-item-783" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-783"><a href="http://airhawkdrones.ca/gopro/">GoPro</a></li>
<li id="menu-item-777" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-777"><a href="#">Media</a>

当加载jQUery-UI并在页面的某处启动了一个datepicker时,这是相同的菜单。

<ul id="menu-airhawk-1" class="menu ui-menu ui-widget ui-widget-content ui-front ui-menu-item" role="menuitem" aria-hidden="true" aria-expanded="false" aria-labelledby="ui-id-1" tabindex="-1" style="display: none;">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-780 ui-menu-item" id="ui-id-2" tabindex="-1" role="menuitem"><a href="http://airhawkdrones.ca/about-us/">About Us</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-774 ui-menu-item" id="ui-id-3" tabindex="-1" role="menuitem"><a href="http://airhawkdrones.ca/about-our-drones/">Drones</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-783 ui-menu-item" id="ui-id-4" tabindex="-1" role="menuitem"><a href="http://airhawkdrones.ca/gopro/">GoPro</a></li>

正如您在此处所见,正在添加类ui-menu,ui-widget和一些其他jQUery UI类。

以下是我用来将datepicker组件分配给元素的代码:

start_date.datepicker({
            minDate: '+1d',
            onClose: function( selectedDate ) {

                var end_date = jQuery(this).datepicker("getDate");
                end_date.setDate(end_date.getDate() + 1);
                jQuery( "#end_date" ).datepicker( "option", "minDate", end_date );
              }
        });

如何阻止jQUery UI将这些类添加到完全不相关的菜单中?

如果我可以添加任何其他代码或信息来帮助回答这个问题,请告诉我。

0 个答案:

没有答案