如何在移动设备上调试非工作jQuery?

时间:2016-09-15 22:04:20

标签: javascript jquery html css

这是我的JavaScript代码无法正常执行。我想我某处出了问题。

我想添加一个搜索栏,在响应式菜单[ my_project, …/site_packages/django_q, …/site_packages/]中创建搜索选项。但是,它显示在桌面上,而不是移动菜单中。这就是为什么我使用jQuery手动添加它。

navbar

2 个答案:

答案 0 :(得分:0)

从html中删除新行:连接所有行或将你的html代码放在一行

答案 1 :(得分:0)

第一个问题是你错误拼写了 function 关键字,第二个问题是你正在创建一个多行字符串,但引擎并不知道它并解释第二行作为指示。您需要take a precaution,例如在任何行的末尾添加反斜杠。



jQuery(document).ready(function(){
   jQuery('ul').append("<li class='fusion-custom-menu-item fusion-  main-menu\
   -search fusion-last-menu-item'><a class='fusion-main-menu-icon'></a><div\
   class='fusion-custom-menu-item-contents'><form\
   action='http://www.heilmancenter.com/' method='get' class='searchform'\
   role='search'>\
	<div class='search-table'>\
		<div class='search-field'>\
			<input type='text' placeholder='Search ...' class='s' name='s'\
   value=''>\
		</div>\
		<div class='search-button'>\
			<input type='submit' value='' class='searchsubmit'>\
		</div>\
	</div>\
   <input type='hidden' value='en' name='lang'></form>\
   </div></li>");
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;