为什么使用jQuery1.7.2版本时,bootstrap-table数据不显示?

使用jQuery1.9以上版本时,bootstrap-table数据会显示;换成jQuery1.7.2版本时,bootstrap-table数据不显示?

5个回答

楼上说的都错了。这是由于在1.7.2版本中$(document.createDocumentFragment()).append(dom);无效,无法将dom元素添加到文档碎片上;
将对应位置的代码改成如下所示即可,最后一个红框由于太长记得把整个appendChild里的内容括起来后面再加[0]
图片说明

Merryhyl
Merryhyl 试过了,有效!谢谢!!
2 年多之前 回复

Bootstrap 插件全部依赖 jQuery
请注意,Bootstrap 的所有 JavaScript 插件都依赖 jQuery,因此 jQuery 必须在 Bootstrap 之前引入,就像在基本模版中所展示的一样。在 bower.json 文件中 列出了 Bootstrap 所支持的 jQuery 版本。

以上官网原话,楼主找到 bootstrap/bower.json文件最后面查看依赖的js版本

 {
  "name": "bootstrap",
  "description": "The most popular front-end framework for developing responsive, mobile first projects on the web.",
  "keywords": [
    "css",
    "js",
    "less",
    "mobile-first",
    "responsive",
    "front-end",
    "framework",
    "web"
  ],
  "homepage": "http://getbootstrap.com",
  "license": "MIT",
  "moduleType": "globals",
  "main": [
    "less/bootstrap.less",
    "dist/js/bootstrap.js"
  ],
  "ignore": [
    "/.*",
    "_config.yml",
    "CNAME",
    "composer.json",
    "CONTRIBUTING.md",
    "docs",
    "js/tests",
    "test-infra"
  ],
  "dependencies": {
    "jquery": "1.9.1 - 3"
  }
}

bootstrap比如在jquery引入后引入。不然可能会导致这个问题

Merryhyl
Merryhyl 我是在jQuery之后引入的bootstrap
2 年多之前 回复

引入先后的问题,科研先引入jquery,再引入bootstrap。bootstrap要利用jquery的基础

引入顺序的问题,先引入jquery试一下

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery-1.7.2.min.js和jquery-1.7.2.js这两个版本什么区别啊?

jquery-1.7.2.min.js这个93K,而jquery-1.7.2.js这个是247K,怎么差这么多呢

更换jquery2.2.0版本后 提示错误。1.7.2版本正常,是什么原因

![图片说明](https://img-ask.csdn.net/upload/201602/29/1456729118_12794.png) 但是不影响功能,一切正常,那这个错误是什么原因

$(...).live is not a function明明导入了jquery-1.7.2.min.js还报这个错

$(...).live is not a function明明导入了jquery-1.7.2.min.js还报这个错 <script type="text/javascript" th:src="@{/static/******/lib/jquery/jquery-1.7.2.min.js}"></script> <script type="text/javascript" th:src="@{/******/lib/jquery.reveal.js}"></script> live:function(a,b,c){f(this.context).on(a,this.selector,b,c);return this},这个是jquery-1.7.2.min.js里面的 $('a[data-reveal-id]').live('click', function(e) { e.preventDefault(); var modalLocation = $(this).attr('data-reveal-id'); $('#'+modalLocation).reveal($(this).data()); });这个是jquery.reveal.js里面的 就是报jquery.reveal.js里面的live不是个方法,jquery-1.7.2.min.js的导入代码在前,请大佬指教这是为什么

pcl-1.7.2-allinone,可以和kinect一起用吗?

pcl-1.7.2-allinone-msvc2012-win32,可以和kinect一起使用吗?win10,64位系统,VS2012

浏览器jquery加载不了

浏览器在访问有jquery的页面时,显示的jquery加载了,然后点击事件触发不了,找到页面加载的jquery路径进去后再刷新页面就可以了。这是什么原因 ![这种网页就点击不了](https://img-ask.csdn.net/upload/201711/21/1511263891_879513.jpg)

jquery入门菜鸟的疑问

$(document).ready(function(){ alert("asdasdasd"); }); **这段代码没有生效,不只是否是js类库没有加载到** <script language="javascript" type="text/javascript" src="/js/jquery-1.7.2.js"></script> 我是在myeclipse里做的,jquery-1.7.2.js是放在/WebRoot/WEB-INF/js/jquery-1.7.2.js jsp文件时放在/WebRoot/index.jsp

net::ERR_INCOMPLETE_CHUNKED_ENCODING

jquery-1.7.2.js:8288; POST ->http://localhost:8089/caihongshop-brandruzhu/test/testLoad/781; net::ERR_INCOMPLETE_CHUNKED_ENCODING. 昨天做java web开发时遇到了一个比较烦的错误,一直解决不了,前端框架使用的springmvc,Ajax请求加载数据返回json,如果使用post方式就chrome开发者工具就报这个错误,get方式能正常输出json,忙了一下午也没找到错误原因,有同样遇到这个问题的吗?具体错误如下:jquery-1.7.2.js:8288 POST http://localhost:8089/caihongshop-brandruzhu/test/testLoad/781 net::ERR_INCOMPLETE_CHUNKED_ENCODINGsend @ jquery-1.7.2.js:8288jQuery.extend.ajax @ jquery-1.7.2.js:7767(anonymous function) @ test-view.js:5fire @ jquery-1.7.2.js:1075self.fireWith @ jquery-1.7.2.js:1193jQuery.extend.ready @ jquery-1.7.2.js:435DOMContentLoaded @ jquery-1.7.2.js:949![图片说明](https://img-ask.csdn.net/upload/201603/31/1459387531_347969.png)。注意:返回json时controller中使用@ResponseBody解析的pojo实体类有点小复杂(里边有几个manytoone映射关系),感觉问题就在这里,因为个人使用了简单的实体类返回就没有问题。

asp.net为什么在使用了模板页的子页中jquery.validate不能使用

如下是我写的代码,为什么在使用了模板页的子页中用validate就不行呢,完全不起作用required: true也不提示必须输入,如下是代码,该怎么解决呢?麻烦大神指教。另外ContentPlaceHolder1_Button1 的ontentPlaceHolder1_前缀用的应该没错,点按钮后 alert("aswqdq");是有效果的,就是rules 不起作用 母页代码 ``` <body> <form id="form1" runat="server"> <div class="nav"> <table class="table" style="width: 100%; height: 165px;"> <tr> <td rowspan="1" class="auto-style1"> <br /> <a href="">英雄列表</a></td> <td rowspan="1" class="auto-style2"> <br /> <a href="">精美皮肤</a></td> <td rowspan="1"colspan="2" rowspan="3" > </td> <td rowspan="1" class="auto-style3"> <br /> <a href="">符文天赋</a></td> <td rowspan="1" class="auto-style4"> <br /> <a href="">关于我们</a></td> </tr> </table> </div> <div class="logo"> <a href="main.aspx"><img src="images/League_of_Legends_Logo_zh.png" style="height: 250px; width: 420px" /></a> </div> <div class="content"> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> </form> </body> </html> ``` 子页代码 ``` <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> <div style="height: 800px; background-color: #000000; opacity: 0.5; z-index: 1"> fe </div> <div class="div6" style="background-color: transparent; border: 2px solid #FFFFFF; z-index: 3;"> <table class="regist" style="top: 121px; left: 114px; height: 439px; width: 700px; border:1px solid #FFFFFF;"> <tr> <td colspan="3" class="auto-style9"> <pre> <span style="font-family:楷体; font-weight: bolder; font-size: xx-large;">英雄去战斗</span></pre> </td> </tr> <tr> <td rowspan="9" style="width:55%"> <div style="position:absolute; top: 6px; left: 5px; height: 422px; width: 264px;"> <img src="images/琴女.jpg" style="height: 422px; width: 259px" /></div> </td> <td class="auto-style5">账号:</td> <td class="auto-style6"><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td> </tr> <tr> <td class="auto-style5">密码:</td> <td class="auto-style6"><asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox></td> </tr> <tr> <td class="auto-style5">确认密码:</td> <td class="auto-style6"><asp:TextBox ID="TextBox3" runat="server" TextMode="Password"></asp:TextBox></td> </tr> <tr> <td class="auto-style5">昵称:</td> <td class="auto-style6"><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></td> </tr> <tr> <td class="auto-style5">性别:</td> <td class="auto-style6"> &nbsp;&nbsp; <asp:RadioButton ID="RadioButton1" runat="server" GroupName="sex" Text="男" />&nbsp; <asp:RadioButton ID="RadioButton2" runat="server" GroupName="sex" Text="女" /></td> </tr> <tr> <td class="auto-style5">身份证:</td> <td class="auto-style6"><asp:TextBox ID="TextBox5" runat="server"></asp:TextBox></td> </tr> <tr> <td class="auto-style5">电话:</td> <td class="auto-style6"><asp:TextBox ID="TextBox6" runat="server"></asp:TextBox></td> </tr> <tr> <td class="auto-style5">邮箱:</td> <td class="auto-style6"><asp:TextBox ID="TextBox7" runat="server"></asp:TextBox></td> </tr> <tr> <td class="auto-style8"> &nbsp;</td> <td class="auto-style7"> <asp:Button ID="Button1" runat="server" Text="注册" OnClick="Button1_Click" />&nbsp;&nbsp; <asp:Button ID="Button2" runat="server" Text="重置" OnClick="Button2_Click" /> </td> </tr> </table> </div> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/validate-1.9/jquery.validate.min.js" type="text/javascript"></script> <script src="js/validate-1.9/jquery.validate.messages_cn.js" type="text/javascript"></script> <script> $(function () { $("#ContentPlaceHolder1_Button1").click(function () { $("#form1").validate({ rules: { ContentPlaceHolder1_TextBox1 : { required: true, minlength: 1,maxlength:10 }, ContentPlaceHolder1_TextBox2 : { required: true, minlength: 5 }, ContentPlaceHolder1_TextBox3 : { required: true, minlength: 5 }, ContentPlaceHolder1_TextBox4 : { required: true, minlength: 5 }, ContentPlaceHolder1_TextBox5 : { required: true, minlength: 5 }, ContentPlaceHolder1_TextBox6 : { required: true, minlength: 5 }, ContentPlaceHolder1_TextBox7 : { required: true, minlength: 5 } } }); alert("aswqdq"); }); }); </script> </asp:Content> ```

jquery实现点击按钮某一列按照数字大小进行排序

如图 这是最初的排序 ![图片说明](https://img-ask.csdn.net/upload/201609/11/1473592557_347054.jpg) 操作后显示成这样 步骤1 ![图片说明](https://img-ask.csdn.net/upload/201609/11/1473592618_763926.jpg) 结果 ![图片说明](https://img-ask.csdn.net/upload/201609/11/1473592658_652828.jpg) 附上代码图,希望大神可以写一个操作程序 ``` <?php header("Content-type:text/html;charset=utf-8"); ?> <div class="import-index" xmlns="http://www.w3.org/1999/html"> <h1>测试排序</h1> <div style="margin-left: 100px; width: 900px;"> <div style=" margin-top: 80px;"> <h2> <span style="margin-left: 650px;"><input class="btn btn-success" type="button" style="height:30px; line-height:10px;width:150px;font-size:14px;padding-left:5px;" onclick="SortTb()" value="排序刷新"/></span> </h2> </div> <table border="2" style=" width: 900px" id="matter"> <tr align="center"> <td style="padding: 5px;">序号</td> <td style="padding: 5px;">标题</td> <td style="padding: 5px;">备注</td> <td style="padding: 5px;">排序</td> <td style="padding: 5px;"><input type="checkbox"/>&nbsp剔除</td> </tr> <tr align="center"> <td style="padding: 5px;" id="test">125</td> <td style="padding: 5px;">在浪荡不羁的日子里,勇闯天涯.....</td> <td style="padding: 5px;">打滚分组</td> <td style="padding: 3px;"><input size="3" type="text" name="num" value="1"/></td> <td><input type="checkbox" data-title="快乐" data-index="2" data-mark="打滚分组" data-num="1"name="remove[]"/></td> </tr> <tr align="center"> <td style="padding: 5px;" id="test">126</td> <td style="padding: 5px;">人生何处不相逢.......</td> <td style="padding: 5px;">打滚分组</td> <td style="padding: 3px;"><input size="3" type="text" name="num" value="2"/></td> <td><input type="checkbox" data-title="快乐" data-index="2" data-mark="打滚分组" data-num="1"name="remove[]"/></td> </tr> <tr align="center"> <td style="padding: 5px;" id="test">123</td> <td style="padding: 5px;">你快乐吗,我很快乐....</td> <td style="padding: 5px;">打滚分组</td> <td style="padding: 3px;"><input size="3" type="text" name="num" value="3"/></td> <td><input type="checkbox" data-title="快乐" data-index="2" data-mark="打滚分组" data-num="1"name="remove[]"/></td> </tr> <tr align="center"> <td style="padding: 5px;" id="test">124</td> <td style="padding: 5px;">昨天很美好,将来会怎样?.....</td> <td style="padding: 5px;">打滚分组</td> <td style="padding: 3px;"><input size="3" type="text" name="num" value="4"/></td> <td><input type="checkbox" data-title="快乐" data-index="2" data-mark="打滚分组" data-num="1"name="remove[]"/></td> </tr> </table> </div> </div> <script language="JavaScript" src="jquery-1.7.2.min.js"></script><!--注意引进JQ--> <script> function SortTb(){ // alert('hello'); } </script> ```

Jquery UI复选框 - 仅在选中所有子类别时检查类别

<div class="post-text" itemprop="text"> <p>I have the following code. I need help fixing it such that the "Category" checkbox for each category should be checked only if all the items under that are checked.</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src="http://www.google.com/jsapi"&gt;&lt;/script&gt; &lt;script&gt; google.load("jquery", "1.3.2"); google.load("jqueryui", "1.7.2"); &lt;/script&gt; &lt;script language="JavaScript"&gt; function toggleTableRows() { $(document).ready(function() { $('img.parent') .css("cursor","pointer") .toggle( function() { $(this).attr("title","Click to Collapse") $(this).attr("src","arrow_expanded.gif"); $('tr').siblings('#child-'+this.id).toggle(); }, function() { $(this).attr("title","Click to Expand"); $(this).attr("src","arrow_collapsed.gif"); $('tr').siblings('#child-'+this.id).toggle(); } ); initCheckBoxes(); }); } function toggleCheckboxes(current, form, field) { $(document).ready(function() { $("#"+ form +" :checkbox[name^='"+ field +"[']") .attr("checked", current.checked); }); } function toggleParentCheckboxes(current, form) { var checked = $("#"+ form +" :checkbox[name='"+ current.name +"']").length == $("#"+ form +" :checkbox[name='"+ current.name +"']:checked").length; // replace '[anything]' with '' instead of just '[]' $("#"+ form +" :checkbox[name='"+ current.name.replace(/\[[^\]]*\]/, "") +"']") .attr("checked", checked); } function initCheckBoxes(form) { $("#"+ form +" :checkbox:checked").each(function() { if (this.name.match(/chk[0-9]\[.*\]/)) { toggleParentCheckboxes(this, form); } }); } &lt;/script&gt; &lt;script language="JavaScript"&gt;toggleTableRows();&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form name="frmDinnerMenu" id="frmDinnerMenu" method="POST" action=""&gt; &lt;table border=1&gt; &lt;tr&gt; &lt;td&gt;&lt;img class="parent" id="0" src="arrow_collapsed.gif" title="Click to Expand"&gt;Category - Fruits&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="chk0" onclick="toggleCheckboxes(this, 'frmDinnerMenu', 'chk0');"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr style="display: none;" id="child-0"&gt; &lt;td&gt;Apple&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" value="0" name="chk0[1]" onclick="toggleParentCheckboxes(this, 'frmDinnerMenu');"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr style="display: none;" id="child-0"&gt; &lt;td&gt;Banana&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" checked value="0" name="chk0[2]" onclick="toggleParentCheckboxes(this, 'frmDinnerMenu');"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr style="display: none;" id="child-0"&gt; &lt;td&gt;Orange&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" checked value="0" name="chk0[5]" onclick="toggleParentCheckboxes(this, 'frmDinnerMenu');"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;img class="parent" id="1" src="arrow_collapsed.gif" title="Click to Expand"&gt;Category - Vegetables&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="chk1" onclick="toggleCheckboxes(this, 'frmDinnerMenu', 'chk1');"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr style="display: none;" id=child-1&gt; &lt;td&gt;Cabbage&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" checked value="0" name="chk1[21]" onclick="toggleParentCheckboxes(this, 'frmDinnerMenu');"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr style="display: none;" id=child-1&gt; &lt;td&gt;Tomatoes&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" value="0" name="chk1[26]" onclick="toggleParentCheckboxes(this, 'frmDinnerMenu');"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr style="display: none;" id=child-1&gt; &lt;td&gt;Green Peppers&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" checked value="0" name="chk1[29]" onclick="toggleParentCheckboxes(this, 'frmDinnerMenu');"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> </div>

使用Jquery在一个jsp页面的一个div中异步加载子页面的问题

请先看代码: A页面的代码: <html> <head> <script type="text/javascript" src="js/jquery-1.7.2.js"></script> <script type="text/javascript" src="ab.js"></script> </head> <body> <input type="button" value="点我" id="a"> <div id="cont"></div> </body> </html> ad.js文件代码: $(function(){ alert("A页面"); $("#a").click(function(){ alert(加载B页面); $.load("B.jsp"); }); $("#b").click(function(){ alert("点我有反映"); }); }); B页面的代码: <script type="text/javascript" src="js/jquery-1.7.2.js"></script> <script type="text/javascript" src="ab.js"></script> <h1>我是B页面</h1> <input type="button" value="点不动" id="b"> 问题1:进入A页面的时候执行了alert("A页面")(这是正常的); 然后第一次点击 A页面的按钮,执行了一次{alert("A页面");alert(加载B页面);},B页面显示成功,B页面的按钮也能点。然后第二次点击A页面的按钮,{alert("A页面");alert(加载B页面);}连续执行了2次,B页面也加载了。第三次点击A页面的按钮,{alert("A页面");alert(加载B页面);}执行了4次,。。。往后B页面的加载就会越来越慢。感觉好像点击事件在不断的累积一样。求解? 问题2:我针对上面的问题,我把B页面的JS加载给去掉,或者把B页面的按钮点击事件响应写到另一个JS文件中去。这样的话我在B页面的按钮就点不动了, 我的目的是点击A页面的按钮,能加载B页面进来(不刷新A页面),同时B页面的按钮也同样可以执行点击事件(但是不要出现问题1的现象)。 真心求解 啊

安装subversion,configure时出问题

![图片说明](https://img-ask.csdn.net/upload/201508/07/1438925871_35843.png) 这是我的执行命令:./configure --prefix=/home/baoshang/svn/subversion-1.7.2 --with-apxs=/home/baoshang/svn/httpd-2.2.26/bin/apxs --with-apr-util=/opt/apr-util/bin/apu-1-config 其中我Perl是yum install perl安装的 求大神帮助啊

如何解决JQuery中mouseenter()事件与mouseleave事件冲突

``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <div id="id1"> <p>id</p> </div> <script src="https://code.jquery.com/jquery-1.7.2.js"></script> <script>$('#id1').mouseenter(function(){ $('p').text('change-id'); $('#id1').attr('id','id2'); //alert($('#dsbdo').attr('id')); }); $('#id2').mouseleave(function(){ $('p').text('cmoeback'); $('#id2').attr('id','id1'); alert($('#id').attr('id')); })</script> </body> </html> ``` 当鼠标移动进div区域时mouseenter事件能够正常触发,但是当鼠标移出div时,为什么mouseleave就不能正常触发呢?求教各位大佬,感激不尽

IE 8中jquery file upload 上传图片没反应

jquery file upload 组件在chrome中好使 在IE中愣是没反应,前台的请求发送不到后台Controller中 后台SpringMVC 接受请求如下 @RequestMapping(value = "/fileupload", method = RequestMethod.POST) public @ResponseBody HBaseFileInfo upload(HttpServletRequest request, HttpServletResponse response) throws IOException {……} 前台 $('#fileupload').fileupload({ url: url, autoUpload: true, dataType: 'json', acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/, done: function (e, data) { $.each(data.files, function (index, file) { $("#newfiles").append(file.preview); }); $('#progress .bar').css('width','0%'); }, progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $('#progress .bar').css( 'width', progress + '%' ); } }); 搞了一天,都要搞死了。。。有人遇到过类似问题不

jQuery在IE8中根本不起作用

<div class="post-text" itemprop="text"> <p>I have read lots of past postings on this subject... I have tried every "solution", change to <strong>type="text/javascript"</strong>, upgrade it to the latest version, including this header <code>&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;</code> but nothing seems to work.</p> <p>The site is <a href="http://testing.quierodecomer.com/" rel="nofollow">testing.quierodecomer.com</a> <br> <strong>NOTE:</strong> I wrote <code>&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /&gt;</code> in the head for testing issues.</p> <pre><code>&lt;?php session_start(); ?&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /&gt; &lt;title&gt;Quiero de comer!&lt;/title&gt; &lt;link href="favicon.png" type="image/png" rel="icon"&gt; &lt;style&gt; .ui-autocomplete-loading { background: white url('jquery-ui-1.8.21.custom/css/ui-lightness/images/ui-anim_basic_16x16.gif') right center no-repeat; } &lt;/style&gt; &lt;link rel="stylesheet" type="text/css" href="jquery-ui-1.8.21.custom/css/ui-lightness/jquery-ui-1.8.21.custom.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="css/stylesheet.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="css/fonts.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="css/jquery.imageZoom.css" /&gt; &lt;style type="text/css"&gt; body { padding: 0px; vertical-align:bottom; } #container { position: absolute; margin: 0px; padding: 0px; width: 100%; height: 360px; overflow: hidden; text-align:center; } .box { position: absolute; width: 400px; height: 200px; line-height: 40px; font-size: 30px; font-weight:bold; color:black; text-align: center; border: 3px solid grey; left: 50%; top: 100px; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; margin-top:-70px; margin-left: -200px; } #box1 { background-color:#FFF; } #box2 { background-color:#FFF; left: 150%; } #box3 { background-color:#FFF; left: 150%; } .btn1, .coloniaButton{ background:#ff5d35; border:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; vertical-align:middle; cursor:pointer; color:#fff; font-weight:bold; font-size:20px; padding:5px 10px; margin-right:-225px; border: 1px solid #000; } .btn1:hover, .coloniaButton:hover{ background:#3f3f3f; } #tags, #tipoDeComida, #tags2, #city { padding:.8em; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; border:none; width:350px; margin-bottom:5px; border: 2px solid grey; } .titulo{ margin-top: 23px; } .caja{ margin-top: 20px; } .servicios{ font-size:15px; font-weight:bold; } #ciudadBreadcrumb, #coloniaBreadcrumb{ font-size: 15px; } #footer{ text-align: center; background-color: black; width: 99.2%; padding: 5px; color: white; position: absolute; bottom: 0px; } &lt;/style&gt; &lt;link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" /&gt; &lt;link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" /&gt; &lt;link rel="stylesheet" href="css/flexslider.css" type="text/css"&gt; &lt;script type="text/javascript" src="jquery-ui-1.8.21.custom/js/jquery-1.7.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery-ui-1.8.21.custom/js/jquery-ui-1.8.21.custom.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery-ui-1.8.21.custom/js/jquery.paginatetable.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery-ui-1.8.21.custom/js/md5.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.flexslider.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.easing.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/supersized.3.2.6.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="theme/supersized.shutter.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.imageZoom.js"&gt;&lt;/script&gt; &lt;?php include("conecta.php"); $result = mysql_query("SELECT * FROM fondo WHERE id = 1"); while($row = @mysql_fetch_array($result)){ $fondo = $row['imgFondo']; } ?&gt; &lt;script type="text/javascript"&gt; jQuery(function($){ $.supersized({ // Functionality slide_interval : 3000, // Length between transitions transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed : 700, // Speed of transition // Components slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank') slides : [ // Slideshow Images {image : 'admin/uploads/fondos/&lt;?php echo $fondo; ?&gt;', title : '', thumb : '', url : ''} ] }); }); &lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("#colonia").hide(); $('.btn1').click(function() { $('.box').each( function() { if ($(this).offset().left &lt; 0) { $(this).css("left", "150%"); } }); $(this.parentNode).animate({ left: '-50%' }, 500); if ($(this.parentNode).next().size() &gt; 0) { $(this.parentNode).next().animate({ left: '50%' }, 500); } else { $(this.parentNode).prevAll().last().animate({ left: '50%' }, 500); } }); $('#domicilio').click(function() { $('.box').each( function() { if ($(this).offset().left &lt; 0) { $(this).css("left", "150%"); } }); $(this.parentNode.parentNode).animate({ left: '-50%' }, 500); if ($(this.parentNode.parentNode).next().size() &gt; 0) { $(this.parentNode.parentNode).next().animate({ left: '50%' }, 500); } else { $(this.parentNode.parentNode).prevAll().last().animate({ left: '50%' }, 500); } }); $('#colonia').click(function() { setCookie("domicilio", "tipoDeServicio"); }); $('#ciudad').click(function() { var e = document.getElementById("city"); var city = e.options[e.selectedIndex].value; setCookie(city, "puraCiudad"); }); jQuery(document.body).imageZoom(); $('#pager').hide(); clienteBar(); $("#crossCiudad").hide(); $("#crossColonia").hide(); loadBreadcrumbs(); getTipoDeComida(); getCiudades(); $("#enviarSignUp").button(); $( "#logInContainer" ).dialog({ autoOpen: false, height: 420, width: 750, modal: true, buttons: { "Regresar": function() { $( this ).dialog( "close" ); } }, }); $("#afiliarte").dialog({ autoOpen: false, height: 350, width: 450, modal: true, buttons: { "Enviar": function() { //function }, "Regresar": function() { $( this ).dialog( "close" ); } }, }); $("#contactanos").dialog({ autoOpen: false, height: 350, width: 450, modal: true, buttons: { "Enviar": function() { //function }, "Regresar": function() { $( this ).dialog( "close" ); } }, }); $( "#sugerirRestaurantes" ).dialog({ autoOpen: false, height: 350, width: 450, modal: true, buttons: { "Enviar": function() { //function }, "Regresar": function() { $( this ).dialog( "close" ); } }, }); $( "#terminosCondiciones" ).dialog({ autoOpen: false, height: 350, width: 450, modal: true, }); $( "#signUpContainer" ).dialog({ autoOpen: false, height: 320, width: 480, modal: true, buttons: { "Enviar": function() { signUp(); }, "Regresar": function() { document.getElementById("notificationCC").value = ""; $( this ).dialog( "close" ); } }, }) }); function logInDialog(){ $( "#logInContainer" ).dialog( "open" ); } function sugerirRestaurantesDialog(){ $( "#sugerirRestaurantes" ).dialog( "open" ); } function terminosCondicionesDialog(){ $( "#terminosCondiciones" ).dialog( "open" ); } function afiliarteDialog(){ $( "#afiliarte" ).dialog( "open" ); } function contactanosDialog(){ $( "#contactanos" ).dialog( "open" ); } function signUpDialog(){ $( "#signUpContainer" ).dialog( "open" ); } function send(str, flag){ if (window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); } else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200){ //callback //xmlhttp.responseText switch(flag){ case "setCookie": setCookieCallback(xmlhttp.responseText);break; case "deleteCookie": deleteCookieCallback(xmlhttp.responseText); break; case "loadBreadcrumbs": loadBreadcrumbsCallback(xmlhttp.responseText);break; case "getRestaurantes": getRestaurantesCallback(xmlhttp.responseText);break; case "logIn": logInCallback(xmlhttp.responseText);break; case "signUp": signUpCallback(xmlhttp.responseText);break; case "logOut": logOutCallback(xmlhttp.responseText);break; } } } xmlhttp.open("GET",str,true); xmlhttp.send(); } function loadBreadcrumbs(){ //Checkboxes if(document.getElementById('domicilioBreadcrumb').value == "set"){ document.getElementById('domicilio').checked = true; } if(document.getElementById('recogerBreadcrumb').value == "set"){ document.getElementById('recoger').checked = true; } if(document.getElementById('reservacionBreadcrumb').value == "set"){ document.getElementById('reservacion').checked = true; } var str = "printCookie.php"; send(str, "loadBreadcrumbs"); } function loadBreadcrumbsCallback(response){ var arr = response.split("/"); //alert(response); var colonia = arr[0].split("="); var ciudad = arr[1].split("="); var estado = arr[2].split("="); var tipoDeComida = arr[3].split("="); if(colonia[1] != ""){ document.getElementById("coloniaBreadcrumb").innerHTML = colonia[1]+"&lt;br /&gt;"; $("#colonia").show(); } if(ciudad[1] != ""){ document.getElementById("ciudadBreadcrumb").innerHTML = ciudad[1] + ", " + estado[1]+"&lt;br /&gt;"; } //document.getElementById("tipoDeComidaBreadcrumb").innerHTML = tipoDeComida[1]; if(document.getElementById('ciudadBreadcrumb').innerHTML == ""){ $("#crossCiudad").hide(); } else { $("#city").hide(); $("#crossCiudad").show(); } if(document.getElementById('coloniaBreadcrumb').innerHTML == ""){ $("#crossColonia").hide(); } else { $("#tags2").hide(); $("#crossColonia").show(); } //alert(colonia[1]+", "+ciudad[1]+", "+tipoDeComida[1]); //getRestaurantes(colonia[1], ciudad[1], tipoDeComida[1]); } function handleSearch(event, ui){ term = document.getElementById("tags").value; $.ajax({ url: 'loadCiudades.php?term='+term, success: function(data) { if(data == '[]'){ restaurantes = document.getElementById("content-background"); imagen = document.getElementById("proximamente"); restaurantes.style.display = "none"; imagen.style.display = "block"; }else{ restaurantes = document.getElementById("content-background"); imagen = document.getElementById("proximamente"); restaurantes.style.display = "block"; imagen.style.display = "none"; } } }); } function getCiudades(){ ciudad = "&lt;?php echo $_COOKIE['ciudad']; ?&gt;"; $( "#tags2" ).autocomplete({ source: "loadCiudades.php?ciudad="+ciudad, select: function(event, ui) { setCookie(ui.item.value, "ciudad"); }, search: function(event, ui){ handleSearch(event,ui); } }); } function getTipoDeComida(){ $("#tipoDeComida").autocomplete({ source: "loadTipoDeComida.php", select: function(event, ui) { setCookie(ui.item.value, "tipoDeComida"); } }); } function setCookie(cookieValue, cookieType){ var str = "setCookie.php?cookieValue=" + cookieValue + "&amp;cookieType=" + cookieType; send(str, "setCookie"); } function setCookieCallback(response){ switch(response){ case "puraCiudad": document.getElementById("tags").value = ""; $("#crossCiudad").show(); $("#city").hide(); break; case "tipoDeComida": document.getElementById("tipoDeComida").value = ""; $("#crossComida").show(); $("#tipoDeComida").hide(); break; case "ciudad": document.getElementById("tags2").value = ""; $("#crossColonia").show(); $("#tags2").hide(); $("#colonia").hide(); break; case "tipoDeServicio": parent.location='index2.php'; break; } loadBreadcrumbs(); } function getRestaurantes(colonia2, ciudad2, tipo2){ var direccion = document.getElementById('tags').value; //var colonia = direccion.split(',')[0]; //var ciudad = direccion.split(',')[1]; var colonia = trim(colonia2); var ciudad = trim(ciudad2); var tipoComida = trim(tipo2); var str = "getRestaurantes.php?colonia=" + colonia + "&amp;ciudad=" + ciudad + "&amp;tipoComida=" + tipoComida; send(str, "getRestaurantes"); } function getRestaurantesCallback(response){ if(response == "empty"){ document.getElementById('paging').innerHTML = ""; $('#pager').hide(); } else { var arr = response.split("|"); var restaurantes = arr[0]; var promociones = arr[1]; var numPag = arr[2]/4; document.getElementById("promocionesContainer").innerHTML = promociones; $('#pager').show(); document.getElementById('paging').innerHTML = restaurantes; $('#myTable').paginateTable({ rowsPerPage: numPag }); if(document.getElementById('totalPages').innerHTML == ""){ document.getElementById('pager').style.display = "none"; } else { document.getElementById('pager').style.display = "block"; } } } function stripVowelAccent(str) { var rExps=[ {re:/[\xC0-\xC6]/g, ch:'A'}, {re:/[\xE0-\xE6]/g, ch:'a'}, {re:/[\xC8-\xCB]/g, ch:'E'}, {re:/[\xE8-\xEB]/g, ch:'e'}, {re:/[\xCC-\xCF]/g, ch:'I'}, {re:/[\xEC-\xEF]/g, ch:'i'}, {re:/[\xD2-\xD6]/g, ch:'O'}, {re:/[\xF2-\xF6]/g, ch:'o'}, {re:/[\xD9-\xDC]/g, ch:'U'}, {re:/[\xF9-\xFC]/g, ch:'u'}, {re:/[\xD1]/g, ch:'N'}, {re:/[\xF1]/g, ch:'n'} ]; for(var i=0, len=rExps.length; i&lt;len; i++) str=str.replace(rExps[i].re, rExps[i].ch); return str; } function deleteCookie(cookieType){ var str = "deleteCookie.php?cookieType=" + cookieType; send(str, "deleteCookie"); } function deleteCookieCallback(response){ //Borra el breadcrumb switch(response){ case "puraCiudad": document.getElementById("ciudadBreadcrumb").innerHTML = ""; $("#crossCiudad").hide(); $("#city").show(); break; case "tipoDeComida": document.getElementById("tipoDeComidaBreadcrumb").innerHTML = ""; $("#crossComida").hide(); $("#tipoDeComida").show(); break; case "ciudad": document.getElementById("coloniaBreadcrumb").innerHTML = ""; $("#crossColonia").hide(); $("#tags2").show(); $("#colonia").hide(); break; } getRestaurantes(); } function setCookieCheck(check, cookieType){ if(check.checked){ setCookie(1, cookieType); } else { deleteCookie(cookieType); } } function logIn(){ var email = document.getElementById("email").value; var password = document.getElementById("password").value; if(email == "" || password == ""){ document.getElementById("notification").innerHTML = "Ingresa tu email y contrase&amp;ntilde;a"; } else { password = hex_md5(password); var str = "logIn.php?password=" + password + "&amp;email=" + email; send(str, "logIn"); } } function logInCallback(response){ if(response == "not_logged/0"){ document.getElementById("notification").innerHTML = "Las credenciales no son v&amp;aacute;lidas"; } else { document.getElementById("notification").innerHTML = ""; $("#logInBar").hide(); $("#logInBarMenu").hide(); $("#signUpBar").hide(); $("#clienteBar").show(); arr = response.split("/"); document.getElementById("usuarioIDnombre").innerHTML = arr[1]; $("#logInContainer").dialog("close"); loadColonia(); } } function loadColonia(){ var str = "getColonia.php"; send(str, "colonia"); } function loadColoniaCallback(response){ } function clienteBar(){ if(document.getElementById('usuarioID').value == 0){ $("#clienteBar").hide(); } else { $("#logInBar").hide(); $("#signUpBar").hide(); } } function signUp(){ var valido = validateSignUp(); if(valido == true){ var nombre = document.getElementById("nombreCC").value; var direccion = document.getElementById("direccionCC").value; var email = document.getElementById("emailCC").value; var password1 = document.getElementById("password1").value; var nacimiento = document.getElementById("dia").value + "/" + document.getElementById("mes").value + "/" + document.getElementById("anio").value; var sexo = document.getElementById("sexo").value; var telefono = document.getElementById("telefono").value; var str = "signUp.php?nombre=" + nombre + "&amp;direccion=" + direccion + "&amp;email=" + email + "&amp;password=" + password1 + "&amp;nacimiento=" + nacimiento + "&amp;sexo=" + sexo + "&amp;telefono=" + telefono; send(str, "signUp"); } } function signUpCallback(response){ if(response == "existingEmail"){ document.getElementById("notificationCC").innerHTML = "Esa dirección de correo ya ha sido utilizada"; } else { document.getElementById("notificationCC").innerHTML = "Ingresa a tu email para dar de alta tu cuenta"; document.getElementById("nombreCC").value = ""; document.getElementById("emailCC").value = ""; password1 = document.getElementById("password1").value = ""; password1 = document.getElementById("password2").value = ""; } } function validateSignUp(){ var nombre = document.getElementById("nombreCC").value; var direccion = document.getElementById("direccionCC").value; var email = document.getElementById("emailCC").value; var password1 = document.getElementById("password1").value; var password2 = document.getElementById("password2").value; var dia = document.getElementById("dia").value; var mes = document.getElementById("mes").value; var anio = document.getElementById("anio").value; var sexo = document.getElementById("sexo").value; var telefono = document.getElementById("telefono").value; var mydate=new Date() var year=mydate.getYear(); if (year &lt; 1000){ year+=1900 } var month = mydate.getMonth(); month = month + 1; var day = mydate.getDate(); if(day &gt; 31 || mes &gt; 12 || anio &gt;= year){ document.getElementById("notificationCC").innerHTML = "La fecha de nacimiento no es válida"; return false; } else{ //Valida que todos los campos esten llenos if(nombre == "" || email == "" || password1 == "" || password2 == "" || telefono == "" || direccion == ""){ document.getElementById("notificationCC").innerHTML = "Por favor llena todos los campos"; return false; } else { //Passwords iguales if(password1 != password2){ document.getElementById("notificationCC").innerHTML = "Las contraseñas no coinciden"; return false; } else { //Longitud del password if(password1.length &lt; 6){ document.getElementById("notificationCC").innerHTML = "La contraseña debe ser de al menos 6 caracteres de largo"; return false; } else { if(comparaFecha(dia, mes, anio, day, month, year) == false){ document.getElementById("notificationCC").innerHTML = "La fecha no es correcta"; return false; } else{ if(telefono.length &lt; 10){ document.getElementById("notificationCC").innerHTML = "El telefono no es correcto"; return false; } else { return true; } } } } } } } function trim(value) { var temp = value; var obj = /^(\s*)([\W\w]*)(\b\s*$)/; if (obj.test(temp)) { temp = temp.replace(obj, '$2');} var obj = / /g; while (temp.match(obj)) { temp = temp.replace(obj, " ");} return temp; } function comparaFecha(dia, mes, anio, day, month, year){ if(anio &gt; (year-18)){ return false; } else { if(anio == (year-18)) { if(mes &gt; month){ return false; } else { if(mes == month) { if(dia &gt; day){ return false; } else { return true; } } } } else { return true; } } } function logOut(){ var str = "logOut.php"; send(str, "logOut"); } function logOutCallback(response){ if(response == "success"){ $("#clienteBar").hide(); $("#logInBar").show(); $("#logInBarMenu").show(); $("#signUpBar").show(); document.getElementById("usuarioID").value = 0; } } function setServicio(tipo){ setCookie("check", tipo); } function redirect(element){ window.location = element.title; } &lt;/script&gt; &lt;/head&gt; &lt;?php include("indexBackend.php"); ?&gt; &lt;body&gt; &lt;?php //Carga la session if(isset($_SESSION['usuarioID'])){ echo ("&lt;input type='hidden' id='usuarioID' value='".$_SESSION['usuarioID']."' /&gt;"); $nombre = $_SESSION['nombre']; } else { echo ("&lt;input type='hidden' id='usuarioID' value='0' /&gt;"); $nombre = ""; } ?&gt; &lt;?php include("getPublicidad.php"); ?&gt; &lt;?php //Domicilio if($_COOKIE['domicilio'] == 1){ echo("&lt;input type='hidden' id='domicilioBreadcrumb' value='set'/&gt;"); } else { echo("&lt;input type='hidden' id='domicilioBreadcrumb' value='not_set'/&gt;"); } //Recoger if($_COOKIE['recoger'] == 1){ echo("&lt;input type='hidden' id='recogerBreadcrumb' value='set'/&gt;"); } else { echo("&lt;input type='hidden' id='recogerBreadcrumb' value='not_set'/&gt;"); } //Reservacion if($_COOKIE['reservacion'] == 1){ echo("&lt;input type='hidden' id='reservacionBreadcrumb' value='set'/&gt;"); } else { echo("&lt;input type='hidden' id='reservacionBreadcrumb' value='not_set'/&gt;"); } ?&gt; &lt;div style="width:100%; text-align:center;"&gt;&lt;img src="images/logoadmin.png" alt="" align="middle" /&gt;&lt;/div&gt; &lt;div id="container"&gt; &lt;div id="box1" class="box"&gt; &lt;div class="titulo"&gt;Selecciona tu Ciudad:&lt;/div&gt; &lt;div class="caja"&gt; &lt;select id="city"&gt; &lt;option value="San Pedro Garza Garc&amp;iacute;a, Nuevo Leon"&gt;San Pedro Garza Garc&amp;iacute;a&lt;/option&gt; &lt;option value="Monterrey, Nuevo Leon"&gt;Monterrey&lt;/option&gt; &lt;/select&gt;&lt;input id="tags" style="display:none" /&gt; &lt;/div&gt; &lt;img id="crossCiudad" src="images/cross2.gif" style="cursor:pointer" onclick="deleteCookie('puraCiudad')"/&gt;&amp;nbsp;&lt;span id="ciudadBreadcrumb"&gt;&lt;/span&gt; &lt;span class="btn1" id="ciudad"&gt;Continuar&lt;/span&gt; &lt;/div&gt; &lt;div id="box2" class="box"&gt; &lt;div class="titulo"&gt;Selecciona el Tipo de Servicio:&lt;/div&gt; &lt;div class="caja"&gt; &lt;input type="radio" id="domicilio" name="tipo" value="domicilio" class="selec"/&gt;&lt;span class="servicios"&gt;A Domicilio&lt;/span&gt; &lt;input type="radio" name="tipo" value="recoger" class="selec" onClick="setCookie('recoger', 'tipoDeServicio')"/&gt;&lt;span class="servicios"&gt;Pasar a Recoger&lt;/span&gt; &lt;input type="radio" name="tipo" value="reservar" class="selec" onClick="setCookie('reservar', 'tipoDeServicio')"/&gt;&lt;span class="servicios"&gt;Reservar&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="box3" class="box"&gt; &lt;div class="titulo"&gt;Selecciona tu Colonia:&lt;/div&gt; &lt;div class="caja"&gt;&lt;input id="tags2" value="Escribe tu colonia: Ej. Del Valle" onblur="if(this.value=='') this.value='Escribe tu colonia: Ej. Del Valle'" onfocus="if(this.value =='Escribe tu colonia: Ej. Del Valle' ) this.value=''" /&gt;&lt;/div&gt; &lt;img id="crossColonia" src="images/cross2.gif" style="cursor:pointer" onclick="deleteCookie('ciudad')"/&gt;&amp;nbsp;&lt;span id="coloniaBreadcrumb"&gt;&lt;/span&gt; &lt;span class="coloniaButton" id="colonia"&gt;Continuar&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="footer"&gt; &lt;span style="float: left;"&gt;Derechos Reservados Quierodecomer.com&lt;/span&gt; &lt;span onclick="terminosCondicionesDialog()" style="cursor:pointer; text-decoration: underline;"&gt;El uso de este sitio web implica la aceptaci&amp;oacute;n de los t&amp;eacute;rminos y condiciones de quierodecomer.com&lt;/span&gt; &lt;span style="float: right;"&gt;&lt;a href="admin" style="color: white; text-decoration: underline"&gt;Login Restaurantes&lt;/a&gt;&lt;/span&gt; &lt;/div&gt; &lt;div id="terminosCondiciones" title="Términos y Condiciones"&gt; &lt;?php echo $terminos; ?&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt; /* Bookmark */ jQuery(document).ready(function(){ // add a "rel" attrib if Opera 7+ if(window.opera) { if (jQuery("A.linkBookmark").attr("rel") != ""){ // don't overwrite the rel attrib if already set jQuery("A.linkBookmark").attr("rel","sidebar"); } } jQuery("A.linkBookmark").click(function(event){ event.preventDefault(); // prevent the anchor tag from sending the user off to the link var url = this.href; var title = this.title; if (window.sidebar) { // Mozilla Firefox Bookmark window.sidebar.addPanel(title, url,""); } else if( window.external ) { // IE Favorite window.external.AddFavorite( url, title); } else if(window.opera) { // Opera 7+ return false; // do nothing - the rel="sidebar" should do the trick } else { // for Safari, Konq etc - browsers who do not support bookmarking scripts (that i could find anyway) alert('Desafortunadamente, este navegador no soporta la petición ' + ' por favor, agrega esta página manualmente.'); } }); $('.flexslider').flexslider(); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> </div>

ajax使用get发送数据success函数里的页面跳转无法执行

【实际代码中datatype为json截图此处错误】post方式发送java后台得到的data均为null。使用get可以发送成功,但不加async:false,success(suc)函数获取不到suc值,设为同步之后执行到alert(111)就结束了,请问为什么页面跳转没有执行呢?使用IE11(window.navigator也不行)与jq版本1.7.2![图片说明](https://img-ask.csdn.net/upload/201703/11/1489208905_587500.png)

jquery下拉菜单在浏览器中只显示1像素,求大神帮帮忙

本人小菜鸟一枚,用jquery写了个简单的下拉菜单,代码如下: $(document).ready(function(){ $("#navRight .jiantou").hover(function(){ $(this).find(".xiangq").stop().slideDown("slow"); },function(){ $(this).find(".xiangq").stop().slideUp("fast"); }); }); 一开始在浏览器可以实现下拉效果, 图片描述 但如果我鼠标移近移出反复操作几次或者点击别的文字与空白处就会产生 图片描述 再反复几次最后导致变成1像素 图片描述 线上网址:www.ainiwan.com jquery版本:jquery-1.7.2.js 求大神指导

哪位大神知道这是什么错误

Exiting /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/puma/binder.rb:255:in `initialize': Address already in use - bind(2) for "localhost" port 3000 (Errno::EADDRINUSE) from /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/puma/binder.rb:255:in `new' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/puma/binder.rb:255:in `add_tcp_listener' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/puma/binder.rb:102:in `block in parse' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/puma/binder.rb:85:in `each' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/puma/binder.rb:85:in `parse' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/puma/runner.rb:129:in `load_and_bind' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/puma/single.rb:84:in `run' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/puma/launcher.rb:172:in `run' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/puma-3.4.0/lib/rack/handler/puma.rb:51:in `run' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/rack-2.0.1/lib/rack/server.rb:296:in `start' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/railties-5.0.0/lib/rails/commands/server.rb:79:in `start' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/railties-5.0.0/lib/rails/commands/commands_tasks.rb:90:in `block in server' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/railties-5.0.0/lib/rails/commands/commands_tasks.rb:85:in `tap' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/railties-5.0.0/lib/rails/commands/commands_tasks.rb:85:in `server' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/railties-5.0.0/lib/rails/commands/commands_tasks.rb:49:in `run_command!' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/railties-5.0.0/lib/rails/commands.rb:18:in `<top (required)>' from /home/guodong/RubymineProjects/project/demo/bin/rails:9:in `require' from /home/guodong/RubymineProjects/project/demo/bin/rails:9:in `<top (required)>' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/spring-1.7.2/lib/spring/client/rails.rb:28:in `load' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/spring-1.7.2/lib/spring/client/rails.rb:28:in `call' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/spring-1.7.2/lib/spring/client/command.rb:7:in `call' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/spring-1.7.2/lib/spring/client.rb:30:in `run' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/spring-1.7.2/bin/spring:49:in `<top (required)>' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/spring-1.7.2/lib/spring/binstub.rb:11:in `load' from /home/guodong/.rvm/gems/ruby-2.3.0/gems/spring-1.7.2/lib/spring/binstub.rb:11:in `<top (required)>' from /home/guodong/.rvm/rubies/ruby-2.3.0/lib/ruby/2.3.0/rubygems/core_ext/kernel_require.rb:55:in `require' from /home/guodong/.rvm/rubies/ruby-2.3.0/lib/ruby/2.3.0/rubygems/core_ext/kernel_require.rb:55:in `require' from /home/guodong/RubymineProjects/project/demo/bin/spring:13:in `<top (required)>' from bin/rails:3:in `load' from bin/rails:3:in `<main>'

zTree显示问题,请大神赐教

``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <link rel="stylesheet" href="/finrst_maven/static/css/demo.css"> <link rel="stylesheet" href="/finrst_maven/static/css/zTreeStyle/zTreeStyle.css" type="text/css"/> <script type="text/javascript" src="/finrst_maven/static/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="/finrst_maven/static/js/zTree/jquery.ztree.all-3.5.js"></script> <script type="text/javascript" src="/finrst_maven/static/js/zTree/jquery.ztree.all-3.5.min.js"></script> <script type="text/javascript" src="/finrst_maven/static/js/zTree/jquery.ztree.core-3.5.js"></script> <script type="text/javascript" src="/finrst_maven/static/js/zTree/jquery.ztree.core-3.5.min.js"></script> <script type="text/javascript" src="/finrst_maven/static/js/zTree/jquery.ztree.excheck-3.5.js"></script> <script type="text/javascript" src="/finrst_maven/static/js/zTree/jquery.ztree.excheck-3.5.min.js"></script> <script type="text/javascript"> // zTree 的参数配置,深入使用请参考 API 文档(setting 配置详解) var setting = { data: { simpleData: { enable: true, idKey: "id", pIdKey: "pId", rootPId: 0 } }, check:{ enable:true, chkStyle:"checkbox", chkboxType :{ "Y" : "ps", "N" : "ps" } }, }; // zTree 的数据属性,深入使用请参考 API 文档(zTreeNode 节点数据详解) var zTree; var treeNodes; $(function(){ $.ajax({ async : false, cache:false, type: 'POST', dataType : "json", url: "/finrst_maven/ztree/showZtree",//请求的action路径 error: function () {//请求失败处理函数 alert('fail'); }, success:function(data){ //请求成功后处理函数。 console.log(data); treeNodes = data; //把后台封装好的简单Json格式赋给treeNodes } }); $.fn.zTree.init($("#tree"), setting, treeNodes); }); </script> <body> <ul id="tree" class="ztree"></ul> </body> </html> ``` 这是jsp中的代码,但是checkBox不能显示,而且左侧的加减号也没显示,求大神赐教,不胜感激 图片结果:![图片说明](https://img-ask.csdn.net/upload/201608/06/1470487305_924496.png)

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

C++11:一些微小的变化(新的数据类型、template表达式内的空格、nullptr、std::nullptr_t)

本文介绍一些C++的两个新特性,它们虽然微小,但对你的编程十分重要 一、Template表达式内的空格 C++11标准之前建议在“在两个template表达式的闭符之间放一个空格”的要求已经过时了 例如: vector&lt;list&lt;int&gt; &gt;; //C++11之前 vector&lt;list&lt;int&gt;&gt;; //C++11 二、nullptr ...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

【阿里P6面经】二本,curd两年,疯狂复习,拿下阿里offer

二本的读者,在老东家不断学习,最后逆袭

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

微软为一人收购一公司?破解索尼程序、写黑客小说,看他彪悍的程序人生!...

作者 | 伍杏玲出品 | CSDN(ID:CSDNnews)格子衬衫、常掉发、双肩包、修电脑、加班多……这些似乎成了大众给程序员的固定标签。近几年流行的“跨界风”开始刷新人们对程序员的...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

立即提问
相关内容推荐