相关疑难解决方法(0)

jQuery addClass onClick

环境很简单; 我希望能够在触发onClick-event时向(在本例中)一个按钮添加一个类.我的问题是我还没有找到一种方法将按钮本身作为参数传递给函数.我想做点什么:

<asp:Button ID="Button" runat="server" onclick="addClassByClick(this)"/>
Run Code Online (Sandbox Code Playgroud)

然后是一个像这样的javaScript函数:

function addClassByClick(button){
    button.addClass("active")
}
Run Code Online (Sandbox Code Playgroud)

我知道我在这里遇到了很多错误,但这就是我发帖的原因.我已经尝试过使用jQuery和没有jQuery的不同场景但我总是最终得到一个破碎的解决方案(点击突然停止通过,课程没有添加等等)所以我决定问专业人士.

对我可以尝试的任何建议?感谢阅读编辑和所有帮助!

javascript asp.net jquery

25
推荐指数
2
解决办法
20万
查看次数

使用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
查看次数

在每个块的Ruby中,如何对块内数组中的最后一条记录执行某些操作?

说我有这样一个块:

<% @help_sections.each do |section| %>
    <li><%= section.name %></li>
<% end %>
Run Code Online (Sandbox Code Playgroud)

但是在返回的最后一条记录中,我想做其他事情,例如在li那里应用一个类:

<li class="last"><%= section.name %></li>

我怎么用最干的方式做到这一点?

谢谢.

EDIT1:

我想我会简单地使用一个if语句和lastruby方法,但不知道如何在块中做到这一点?我知道,如果我只想要该数组中的最后一个元素,我可以这样做@help_sections.last,但这在Ruby块的范围内没有意义.

ruby sinatra

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

标签 统计

jquery ×2

asp.net ×1

css ×1

javascript ×1

ruby ×1

sinatra ×1

wordpress ×1