Tag: css

代码无法在Phonegap应用程序-Android上运行: 我是跨平台开发的新手。我有一段代码无法正常工作。它在Logcat中提供3条Info消息。第一条消息： “不支持Viewport target-densitydpi。”，来源：file：///android_asset/www/index.html(8）第二条信息： “Uncaught SyntaxError：Unexpected token。”，source：file：///android_asset/www/css/jquery.mobile-1.3.2.css（17）第三条信息： “未捕获的TypeError：无法调用null的querySelector方法”，来源：file：///android_asset/www/js/index.js(26）代码在这里：` gcm on phonegap app.initialize(); // Java script code goes here Cordova Google Cloud Messaging Plugin Demo 任何帮助将不胜感激。谢谢。

使用jquery / css精确地垂直对齐sans-serif字体: 我试图将sans-serif标题与其他div-Elements中的菜单元素精确对齐，所以基本上这样：头 ABC 其中A与标题的左端对齐，C与右端对齐。我使用float来分配-Elements，我计算字体大小以使标题适合div宽度。问题是我使用的是无衬线字体。问题在小提琴中得到certificate http://jsfiddle.net/ksuTQ/2/ HEADER HEADER A B C JScript中 resizeHead(“#Hideheader”, “#header”); function resizeHead(p1, p2) { var fontsize = parseFloat($(p1).css(“font-size”)); var spacing = parseFloat($(p1).css(“letter-spacing”)); var initWidth = $(p1).width(); initWidth = initWidth – spacing; var outWidth = $(p2).width(); var s = outWidth / initWidth; s = fontsize * s; $(p2).css({ “font-size”: s […]

用户点击Twitter Bootstrap链接后，如何在移动视图上自动折叠顶部导航栏？: 我有一个带有Twitter bootstrap框架的“单页滚动”网站。在桌面视图中，我的顶部导航栏始终可见，顶部导航栏的不同链接将用户锚定到页面的不同部分。在移动视图中，默认情况下顶部导航栏已折叠。用户必须点击顶部导航栏的汉堡菜单将其展开，然后点击链接以自动滚动到该部分。问题是在移动视图上，在录制链接后，顶部导航栏不会崩溃并保持打开状态，用户必须手动关闭它。在用户点击仅用于移动视图的链接后，我应该使用什么CSS或JS来自动关闭导航栏？

纠正CSS / JS参数以填充div: 我有一个幻灯片，我想完全填写一个div。现在，如果有人从狭窄的浏览器视口访问我的网站，幻灯片只会填充宽度而不是整个高度，因此在div的底部留出空间。我希望幻灯片按比例缩放以适应并覆盖整个div，即使需要从侧面进行裁剪也是如此。这是否有意义我要问的是什么？下面是示例：如果您现在从宽屏或全屏浏览器窗口访问它，图像可能会填满整个div。但是如果你缩小窗口并刷新，你会看到div底部的bg颜色。示例： http ： //mudchallenger.com/a-responsivef.html 如何让幻灯片显示填充div？谢谢！！

IE9奇怪的位置固定问题: 如果你去这里，在向下滚动页面时你会注意到包含购物和类别的右侧面板也在移动… 我用这个脚本： $(function () { var btn = $(‘.scroll’); var btnPosTop = btn.offset().top; var win = $(window); win.scroll(function (e) { var scrollTop = win.scrollTop(); if (scrollTop >= btnPosTop) { btn.css({ position: ‘fixed’, top: 10, marginTop: 0, ‘z-index’: 1, width: ‘260px’}); } else if (btn.css(‘position’) === ‘fixed’) { btn.css({ position: ”, top: ”, marginTop: ‘0px’, […]

jqGrid结果流过网格和“请，选择行”消息: （我对网络编程比较陌生，所以它可能是一个容易被忽视的问题）我正在使用ASP.NET MVC4来构建一个包含显示jqGrid的剃刀视图的应用程序。它使用ajax动态获取列元数据，并且所有数据似乎都返回正常。当我运行应用程序并显示视图时，会显示数据，但网格的标题和正文都会在网格上流动（请参见图像）。我注意到数据下面似乎有一条警告，上面写着“请选择行”。我的怀疑是问题是CSS还是与警告有关。我试过更改ui.jqgrid.css，site.css等中的各种属性无济于事。这是渲染的html： Feed List Preview var jqDataUrl = “LoadData”; var jqMetaUrl = “GetColumnData”; $(document).ready(function () { $.ajax( { type: “POST”, url: jqMetaUrl, data: “”, dataType: “json”, success: function (result) { col_names = result.colNames; col_model = result.colModel; $(“#jqTable”).jqGrid({ url: jqDataUrl, datatype: “json”, mtype: “POST”, //Specify the column names colNames: […]

Magnific-popup根本不起作用: 我在这里有些问题。我已经尝试了好几天了！我已经在这里查看其他问题以尝试解决我的问题，但我仍然不能让夸张的弹出工作。我不知道我做错了什么，我搜索谷歌，原始文档，stackoverflow问题，但我的网站只是没有显示弹出窗口。这是我到目前为止的代码。 $(document).ready(function($){ // Inline popups $(‘#inline-popups’).magnificPopup({ delegate: ‘a’, removalDelay: 500, //delay removal by X to allow out-animation callbacks: { beforeOpen: function() { this.st.mainClass = this.st.el.attr(‘data-effect’); } }, midClick: true // allow opening popup on middle mouse click. Always set it to true if you don’t provide alternative source. }); }); Magnific […]

Bootstrap行高度随个别div而变化: Bootstrap container row有col-lg-3类。从具有不同文本长度的SQL查询返回超过100篇文章。每篇文章（数字为1,2,3等）分别放在标签上。但我的输出如下：但是我需要用PHP代码的HTML <?php foreach ($value as $add) { echo "”; echo $add->article_item; // column name is article_item echo “”; } ?>

保持第一个菜单项在jquery中扩展: 我有3个用HTML设计的菜单项。我希望我的第一个菜单项默认展开。这是我的小提琴： FIDDLE 张贴我的任何东西： HTML Program 111 258275h 264007 270650b Program 112 25875d Release 1- Early Upgrade – 1404 Release 2 – MDPP Umbrella Insurance 269162a Release 1- Early Upgrade – 1404 Release 2 – MDPP Umbrella Insurance Program 113 Hello 245875f 2587940 201254d JQuery的 $(document).ready(function () { $(‘#menu1 li a’).click(function () { $(this).parent().children(‘ul’).slideToggle(‘medium’).toggleClass(‘collapsed’).toggleClass(‘expanded’); […]

数据库条目（缩略图）周围的随机颜色边框（Javascript）: 目前我正在建立一个本应属于我的投资组合的网站，所以我希望它成为一个挑战。我展示我的作品的部分用PHP编码并连接到数据库。使用WHILE循环，它会在我的网站上添加所有数据库记录。对于这个网站，我决定第一次使用Javascript，使其更具挑战性，并了解它。我想要的是PHP WHILE循环添加的每个数据库记录周围的边框，只有在hover在上面时才显示，并且每次将鼠标hover在缩略图上时都会更改颜色（固定的颜色数组）。这是我到目前为止的代码： function loaded() { var colors = [“#FC3E6B”,”#24FF00″,”#0087F9″,”#F9F900″]; var images = document.getElementById(“thumbnails”).getElementsByTagName(“div”); console.log(images); for (var i = 0; i < images.length; i++) { var rand = Math.floor(Math.random()*colors.length); images[i].style.borderStyle = 'solid'; images[i].style.borderWidth = '1px'; images[i].style.borderColor = 'transparent'; $(images[i]).hover(function(){ console.log('hovering over'); images[i].style.borderColor = colors[rand]; }, function(){ console.log('hovering out'); images[i].style.borderColor = 'transparent'; […]