javascript - 调整页面大小时，jquery-bootstrap 菜单不会更改

Question

我有一个问题。我有一个水平菜单，当我重新调整窗口大小时，我希望我的菜单更改为引导菜单。我在 script.js 中编写代码，我不确定它是否正确。如果您能帮我解决这个问题，我将不胜感激。

if( $(window).width() < 1000)
{
	  $( "div" ).removeclass(".nav").addclass(".dropdown") ;
		  $( ".dropdown" ).append("<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Menu
    <span class="caret"></span></button>");
		$( "ul" ).removeclass(".hmenu").addclass(".dropdown-menu") ;
		}

Answer 1

这是错误的做法。您需要通过 css 媒体查询来处理这个问题。 Bootstrap 已经定义了关于它的类。