Tag: css

无法在Slickgrid中为行设置CSS属性: 我正在尝试将一个CSS类设置为Slickgrid中的行。我已经在这里和这里查找了，并根据这个 Slickgrid示例创建了一个测试代码。这里是： var cols = [{ id: “id”, name: “Report name”, field: “Description”, width: 600, sortable: true}]; var options = { enableCellNavigation: true, enableColumnReorder: false, syncColumnCellResize: true, showHeaderRow: true, headerRowHeight: 30 }; $(function () { var data = []; for (var i = 0; i < 10; i++) { data[i] = { Description: […]

jQ图像选择器的问题: 我在这里遇到了类似的问题：我解决了特定类的jQuery函数。但是它让我感到烦恼，因为它有太多的div并且看起来不太好，所以我重写了我的HTML代码并重写了选择器脚本。现在脚本加载图像很好（它将它们全部淡入）但选择根本不起作用。我尝试使用最近和兄弟姐妹的function，但无济于事。我怎么解决这个问题？您可以在以下url找到相关页面： http ： //baldino.rs/baby-program/ 提前完成 $(document).ready(function(){ var picture = $(‘.post-cipela’).each(function(index, element) { $(this).find(‘.cipela-bg img:eq(0)’).fadeIn(500); $(‘.colorwrap a’).click(function(){ var index = $(this).find(“.colorwrap a”).index(this); $(‘.cipela-bg img’).fadeOut(200); $(‘.cipela-bg img:eq(‘+index+’)’).fadeIn(500); }); }); 编辑-1：我修改了我的脚本。现在我遇到了问题，因为我的图像会多次消失。我该如何解决？ – 这是修改后的脚本，您可以在这里看到问题的页面： http ： //baldino.rs/baby-program $(document).ready ( function() { $(“.cipela-1”).fadeIn(200); $(“.colorwrap a”).click ( function() { var item = $(this); […]

如何在具有相对位置的div内部使用绝对位置？: 在下面的脚本中，我需要能够使用类.cnt在其div容器中使用绝对值来定位类.infobox坐标。注意：如果可能的话，它应该在没有为类.cnt设置顶部位置的情况下工作。单击向上/向下以查看.infobox http://jsfiddle.net/pg52hsnc/ Scroll text box example #btn-up, #btn-down { position: absolute; top: 400px; } #btn-up { left: 0px; } #btn-down { left: 50px; } #btn-up, #btn-down { width: 50px; height: 50px; background-color: yellow; outline: 1px solid black; } #content-scroll-container { position: absolute; top: 0; left: 0px; width: 500px; height: 250px; /* MASK HEIGHT […]

jQuery：如何在不显示滚动条的情况下滚动正文？: 我试图通过使用overflow:hidden;来隐藏文档的滚动条（在某些浏览器中它是body元素，在其他浏览器中它是html元素）。然后我使用jQuery.animate（）来尝试动画scrollTop属性。当滚动条可见时（即没有overflow:hidden;样式），它可以正常工作，但在隐藏滚动条时不起作用。这是为什么？我将能够稍微发布有问题页面快照的链接……

Jquery DateTimePicker不显示CSS: 我正在使用这里找到的DateTimePicker： http ： //trentrichardson.com/examples/timepicker/ （请注意，如果我在Jquery中使用默认的DatePicker，我会遇到下面描述的相同问题）。我已经检查过我有适当的CSS，图像，jquery版本安装/重新安装了很多次，我似乎无法找到导致我的DateTimePicker看起来像这样的东西：如果我删除所有CSS（包括我的网站的默认MVC CSS），我将失去蓝色背景到星期几（这些不应该被Jquery UI主题着色？）。我需要在哪里解决我的问题？编辑以显示我的代码：这是我在页面中呈现的PartialView： the string is @ViewBag.selectedString @using (Html.BeginForm(“ApplyToTeach”, “Course”, FormMethod.Post)) { @Html.ValidationSummary(true) @Html.LabelFor(model => model.StartDate) @Html.EditorFor(model => model.StartDate) @Html.ValidationMessageFor(model => model.StartDate) 和Jquery： $(“#StartDate”).datetimepicker({ ampm: true }); 生成的HTML（截断一点以防止大量代码墙）： ApplyToTeach St. Paul School of Catechesis [ Log On ] Home Students Courses Instructors the string is CourseTemplates […]

在twitter bootstrap中格式化字段以显示为表格: 对于CSS来说，我不是最好的。我正在尝试通过严格使用CSS / javascript（或jQuery）格式化twitter bootstrap中的字段这是我的HTML： Month Day Year 我无法更改HTML，因为它是自动生成的，因此我设置样式的唯一方法是CSS或javascript。这就是它现在的样子编辑：尝试里根的解决方案后 var html = $(‘.birthday-picker’).html(); $(‘.birthday-picker’).html(” + html + ”); 我使用以下代码来尝试实现里根的解决方案，但没有运气:(

如何防止片段标识符显示在url中: 我有这样的链接 Log in 点击链接后，url会发生变化 http:/domain.com 至 http://domain.com#login_form 并弹出一个登录表单。但我不希望在url中显示哈希标记。如何使用java脚本执行此操作？没有用于显示弹出的登录表单的java脚本。登录表单是这样的。 LOG IN 好。这是JS FIDDLE。请检查。 http://jsfiddle.net/vq24P/1/

旋转图像: 我想通过相隔90度的四个方向在网页上旋转图像。我更喜欢这种情况发生在客户端机器上。这可以用css完成吗？或者我需要使用javascript，我需要旋转背景图像，在页面上重复一个模式感谢您的时间。

Javascript – 创建3级树两列选择框 – HTML: 我需要创建一个双列选择框，它以两种方式进行通信。它是一个基于树的三层垂直框。我无法使用选择框，因为我需要选择第一级和第二级进行多项选择。所以我有两个任务： 1.）需要创建树 – 3级数据2.）需要使用>>＆<<按钮从左到右移动选项，反之亦然我是使用CSS在Javascript，Jquery和HTML中构建它的新手。请分享任何好的链接或代码和建议提前致谢。

CSS – IE7和8个问题: UPDATE 我注意到只有当我使用slideUp / Down时才会出现这种情况。如果我使用show / hide everythings就行了结束更新在我的网站我正在开发/设计，我有2个问题。在IE7中，滑动菜单似乎没有显示，直到我移动鼠标abit。替代文字http://img27.imageshack.us/img27/4422/7282009105215pm.png 在IE8中，菜单向上滑动后，边距似乎被删除。替代文字http://img27.imageshack.us/img27/4592/7282009105247pm.png JS（如果需要） $（function（）{$（“＃mainNav li：has（ul）> a”）。addClass（“hasMore”）; $（“＃mainNav li”）。hoverIntent（menuOn，menuOff）; $ .each（$ （“＃mainNav a.active”）。parents（“li”），function（）{$（this）.children（“a：first”）。addClass（“active”）;}）; $（“＃mainNav “）.mouseleave（function（）{$（”ul“，this）.slideUp（200）; $（”。open“，this）.removeClass（”open“）;}）;}）; function menuOn（）{var childUl = $（this）.children（“ul”）; if（childUl.length）{childUl.slideDown（200）; $（本）.addClass（ “开放”）; $（“ul”，$（this）.closest（“li”）。siblings（“li”））。slideUp（200）; $（本）.closest（ “李”）的兄弟姐妹（ “李先生”）removeClass（ “开放”）。 functionmenuOff（）{} CSS #mainNav，＃mainNav ul { list-style：none; 填充：0; 保证金：0; } #mainNav ul { display：none; } #mainNav li […]