Javascript 多个选择的类不起作用

Javascript 多个选择的类不起作用,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,这是我的JS $('.normal-box').click(function(){ //unique row id var id = $(this).data('row-id'); //its index according to the content array var index = $(this).data('index'); //which card does this row belong to var card_name = $(this).d

这是我的JS

$('.normal-box').click(function(){
    //unique row id
   var id = $(this).data('row-id');
   //its index according to the content array
   var index = $(this).data('index');
   //which card does this row belong to
   var card_name = $(this).data('id');
   var card;
   console.log(id) //el id de noten es de por si "link last_updated" concatenado
   switch(card_name){
       case "noten" : card = Unidos.CardManager.getCard(card_name); break;
       case "nachricht" : card = Unidos.CardManager.getCard(card_name); break;
       default : return false;
   }
   card.resetPriorityWhenClickedOn(id);
});
我的HTML

 <script id="nachricht_card_row_template" type="text/html">
            <div class="normal-box" data-row-id="{{id}}">
                        <div class="img-box">
                            {{#if channel.image}}
                            <img src="{{channel.image}}" vspace="3">
                            {{/if}}
                        </div>
                        <div class="subtitle-box" id="nachrichten-subtitle-box">
                            <span class="options-title" id="title-text">{{channel.name}}</span>
                        </div>
                        <div class="side-text-box">
                            <span class="side-text">{{formatDate datetime}}</span>
                        </div>
                        <div class="small-text">
                            <div class="normal-text"><span class="text-formating">{{text}}</span></div>
                        </div>
            </div>
        </script>
如您所见,我想选择
$('.normal box)
,但我有另一个函数,它添加了一个类,即.normal box show。。。使用上面的代码,我只能使.normal-box元素工作,而不能使.normal-box显示。。。这就是我所说的。普通方框显示类别:

我已经试过了:

$('.normal-box, .normal-box show)
$('.normal-box, .show)
$('.normal-box.normal-box show)
$('.normal-box.show)
它们都不起作用。任何帮助都将不胜感激

试试这个

$('.normal-box.show');
试试这个

$('.normal-box.show');
通常,
$('.normal-box')
将匹配任何具有类
normal-box
的元素,除非动态添加元素,否则您需要像这样使用事件委派:

$(document).on('click', '.normal-box', function(){
   //Your code here
});
我希望这会有所帮助。

通常,
$(“.normal box”)
将匹配任何具有类
normal box
的元素,除非动态添加元素,否则您需要像这样使用事件委派:

$(document).on('click', '.normal-box', function(){
   //Your code here
});


我希望这会有所帮助。

您所有的“已尝试”代码示例都缺少结束引号否,我正在使用console.log(id)来检测它的工作方式。它不适用于正常的方框显示元素,但我没有收到错误这些都是从写在这里,我尝试了他们与关闭引号在真实的code@SebastianAmpueroMorisaki:试试这个
$('div.normal-box')。点击
@SebastianAmpueroMorisaki:我想伊斯梅尔会很感激你接受他的回答,因为他的回答解决了你的问题您所有的“已尝试”代码示例都缺少结束引号否,我正在使用console.log(id)来检测它是如何工作的。它不适用于正常的方框显示元素,但我没有收到错误这些都是从写在这里,我尝试了他们与关闭引号在真实的code@SebastianAmpueroMorisaki:试试这个
$('div.normal-box')。点击
@SebastianAmpueroMorisaki:我想伊斯梅尔会很感激你接受他的回答,因为他的回答解决了你的问题仍然不工作且普通框元素不再工作这将无法解决问题,因为此
$('.normal box')
仍然与此
匹配@SebastianAmpueroMorisaki是动态添加的吗?@IsmailRBOUH是的are@SebastianAmpueroMorisaki请检查我的答案!仍然不工作且普通框元素不再工作这将无法解决问题,因为此
$('.normal box')
仍然与此
匹配@SebastianAmpueroMorisaki是动态添加的吗?@IsmailRBOUH是的are@SebastianAmpueroMorisaki请检查我的答案!不客气。如果这解决了问题,请将其标记为已接受(以便将来面临相同问题的人能够轻松发现)。欢迎您。如果这解决了问题,请将其标记为已接受(以便将来面临相同问题的人能够轻松发现)。