小编Abr*_*iel的帖子

使用jQuery在click上应用不同的CSS类

我目前正在建立一个WordPress站点,使用该模板从ThemeForest,这里是实时预览的就是我目前的工作(现在应该是工作-请让我知道,如果它不工作).

我配置了CSS,因此悬停时的左边框将是浅灰色.然后,当点击链接时,左边框将是我选择的蓝色.

如下图所示,我在导航中遇到的主要问题是CSS.投资组合链接(图片中的投资组合部分)仍然具有所选的类以及内部无序列表项.我希望它看起来像图片中的博客部分,其中博客链接不再应用所选的课程项目.

我问模板的创建者为什么会这样; 他的回答是,下面需要另一个包含title属性'allportfolio'的链接,以便它能正常工作.我尝试将此属性添加到主要的Portfolio链接,但随后完全关闭了列表.

投资组合部分 - 有两个列表项,其中选择了CSS类,而博客部分 - 仅应用了一个选择了CSS类的列表项

创建菜单后,浏览器将按以下方式在HTML中创建项目组合选择:

<ul class="main-menu" id="menu-main-menu">
    <li class="parent selected" id="menu-item-1172">
       <p><a href="http://localhost/portfolio/" style="color: rgb(57, 57, 57);">Portfolio</a></p>
    <div>
       <ul class="sub-menu">
           <li class="menu-item" id="menu-item-1158"><p><a data-filter="website-design" data-category="true" href="#">Website Design</a></p></li>
           <li class="menu-item" id="menu-item-1157"><p><a data-filter="print" data-category="true" href="#">Print</a></p></li>
           <li class="menu-item selected" id="menu-item-1156"><p><a data-filter="motion" data-category="true" href="#">Motion</a></p></li>
           <li class="menu-item" id="menu-item-1155"><p><a data-filter="identity" data-category="true" href="#">Identity</a></p></li>
           <li class="menu-item" id="menu-item-1167"><p><a data-filter="logos" data-category="true" href="#">Logos</a></p></li>
      </ul>
   </div>
   </li>
Run Code Online (Sandbox Code Playgroud)

我尝试了类似于这个答案的东西,但没有奏效,因为它似乎没有在列表项中包含任何内容.以下jQuery代码是我的尝试:

/*Portfolio links remove selected CSS setting*/
    $('ul#menu-main-menu ul.submenu li p a').click(
        function(){
            $('ul#menu-main-menu li').removeClass('parent …
Run Code Online (Sandbox Code Playgroud)

css wordpress jquery

19
推荐指数
1
解决办法
2931
查看次数

MVC 4 DropDownListFor错误 - 没有具有密钥的'IEnumerable <SelectListItem>'类型的ViewData项

我有一个模特:

public class Auction
{
    public string Title { get; set; }
    public string category { get; set; }
}
Run Code Online (Sandbox Code Playgroud)

和控制器:

[HttpGet]
public ActionResult UserForm()
{

    var categoryList = new SelectList(new[] { "auto", "elec", "games", "Home" });
    ViewBag.categoryList = categoryList;
    return View();

}
Run Code Online (Sandbox Code Playgroud)

在视图中我有以下几行:

<div class="editor-field">
    @Html.DropDownListFor(model =>
        model.category,(SelectList)ViewBag.categoryList)
    @Html.ValidationMessageFor(model => model.category)

</div>
Run Code Online (Sandbox Code Playgroud)

我尝试保存表单时遇到的错误是:

没有类型为"IEnumerable"的ViewData项具有键"类别".描述:执行当前Web请求期间发生未处理的异常.请查看堆栈跟踪以获取有关错误及其源自代码的位置的更多信息.

异常详细信息:System.InvalidOperationException:没有类型为"IEnumerable"的ViewData项具有键"类别".

我不明白是什么问题,因为我做了(或尝试过)本指南中所做的一切:https: //www.youtube.com/watch?v = 7HM6kDBj0vE

该视频也可以在此链接中找到(第6章 - 自动绑定到请求中的数据):http: //www.lynda.com/ASPNET-tutorials/ASPNET-MVC-4-Essential-Training/109762-2. HTML

asp.net-mvc-4

6
推荐指数
1
解决办法
1万
查看次数

鼠标悬停标题属性

我曾尝试在这里查看这个问题的许多不同答案,并尝试使用他们的解决方案,但它似乎没有用,例如这个解决方案: 是否有可能隐藏href标题?

我的问题是当用户将鼠标悬停在图片上时,我如何能够隐藏标题属性工具提示?我尝试使用<span title=" ">text</span>但它只导致标题工具提示显示空格或跨度的标题属性.

这是我的网站.

attributes title lightbox hide

3
推荐指数
1
解决办法
8399
查看次数

在<h1>之后将填充应用于具有某些类的元素

我想要做的是在header1 元素之后的最后一个元素(例如段落<p>或无序列表<ul>),该<h1>元素具有一个被调用的类specialInstructionsNotes,用于将额外填充(30px)应用于仅具有类specialInstructionsNotes 的最后一个元素.

我试图结合使用:first-of-type:nth-of-type(1)CSS3选择器,但这些选择器不会转移到IE8(这是我将要去的最低的IE兼容浏览器).我的目标是能够在所有最新的浏览器和IE8 +中显示CSS设置(将填充应用于类的最后一个元素specialInstructionsNotes).

注意:可以有3个或更多元素应用此类,只要具有类的最后一个元素.specialInstructionNotes在最底部具有填充.对不起任何困惑.

这是我到目前为止的完整CSS:

.specialInstructionsNotes {
    color: #004abc;
    font-size: 1.1em;
    line-height: 26px;
    padding: 0 3%;
}    

h1 + p.specialInstructionsNotes + *, 
    h1 + ul.specialInstructionsNotes + *, 
    h1 + p.specialInstructionsNotes:nth-of-type(1), 
    h1 + ul.specialInstructionsNotes:nth-of-type(1) { 
        padding: 0 0 30px; 
    }

h1 + p.specialInstructionsNotes:first-of-type, 
h1 + ul.specialInstructionsNotes:first-of-type { 
    padding: 0; 
}
Run Code Online (Sandbox Code Playgroud)

对于HTML,元素位于一个div中,并且是div中包含的最顶层元素.对于我遇到的一些页面/场景,这是我目前拥有的HTML.

第1页:

<div class="span12 main">
<h1><small>Proposal Narrative</small></h1>
            <p …
Run Code Online (Sandbox Code Playgroud)

css internet-explorer css-selectors css3 internet-explorer-8

3
推荐指数
1
解决办法
541
查看次数

仅更改DateTime格式的时间 - MVC 4

我一直在使用以下关于学习MVC 4和Razor的Lynda.com教程.我一直试图让显示的时间只显示小时,分钟,然后是上午/下午.截至目前,屏幕仍包含秒数(如下所示):
在此输入图像描述

我尝试格式化日期,就像这篇关于DateTime的帖子一样,但是没有用.现在我在我的函数中的名为"AuctionsController.vb"的控制器部分中有以下代码,类似于这篇文章:

Function Auction() As ActionResult
        Dim mainauction = New MVCAuction3.Models.Auctions

        Dim ts As New TimeSpan(10, 0, 0)

        mainauction.Title = "Example Auction"
        mainauction.Description = "This is an example Auction"
        mainauction.StartTime = DateTime.Now + ts
        mainauction.EndTime = DateTime.Now.AddDays(7) + ts
        mainauction.StartPrice = 1.0
        mainauction.CurrentPrice = Nothing

        ViewData("Auction") = mainauction

        Return View()
    End Function
Run Code Online (Sandbox Code Playgroud)

这就是Razor如何显示"Auction.vbhtml"视图中的内容:

    <p>Start Time: @auction.StartTime.ToString() </p>
    <p>End Time: @auction.EndTime.ToString()</p>
    <p>Starting Price: @FormatCurrency(auction.StartPrice.ToString())</p>
Run Code Online (Sandbox Code Playgroud)

编辑:
这是我在模态文件中声明我的时间变量的方式:

Private Property x_StartTime As DateTime
Private Property x_EndTime …
Run Code Online (Sandbox Code Playgroud)

asp.net datetime razor asp.net-mvc-4

0
推荐指数
1
解决办法
7693
查看次数