检查动态添加的类时jquery hasClass不起作用

Question

我有一个问题，我通过 php 将一个类动态添加到 div，然后检查 id "checkLang" 是否具有空间类，但它不起作用:(

也许有人知道问题所在？ 我的html：

<div id="checkLang" class ="<?php echo $valoda ?>"><div>

我检查的那个 div

if ($('#checkLang').hasClass('RU')){
    <?php include("lan/ru.php"); ?>
};

if ($('#checkLang').hasClass('LV')){
    <?php include("lan/lv.php"); ?>
};

我不知道为什么，但两个 if 都包含语言 php 文件。 但也许原因是因为这个脚本在带有标题<?php header('Content-type: text/javascript'); ?>的php文件中我在索引页面中附加了像javascript文件这样的文件，比如<script type="text/javascript" src="php/FormuValidacija.php" /></script>

我试过了

if($_GET['lang']=="latviesu"){
include("php/lan/lv.php");
}
else($_GET['lang']=="krievu"){
include("php/lan/ru.php");
}

但是效果不好:(

附：抱歉，如果这是个愚蠢的问题，我是新手，但愿意学习！ :)

Answer 1

看起来您的脚本没有添加到类似 dom 的处理程序中

jQuery(function($){
alert($('#checkLang').length)//it should alert 1 not 0
if ($('#checkLang').hasClass('RU')){
    <?php include("lan/ru.php"); ?>
};
})

Answer 2

当前语言：

<div id="checkLang" class ="<?php echo $valoda ?>"><div>

包括您的本地化文件：

<div class="ru" style="display:none;">
       <?php include("lan/ru.php"); ?>
</div>

<div class="lv"  style="display:none;">
        <?php include("lan/lv.php"); ?>
</div>

获取当前语言并显示对应的div

<script type="text/javascript">
    $(document).ready(function(){
        var currLng = $('#checkLang').attr('class'); // get current language, i.e class of #checkLang
        $('div.' + currLng).show(); // show div with corresponding class, i.e lang
    });
</script>

但是，最好在服务器端获取语言，而不是将未使用的文件加载到客户端（即 HTML）

P.S un labāk visus variablus, script failus 等 saukt anglū valodā :)

Answer 3

在这里给出我的 jsfiddle 示例，您可以清楚地看到 javascript 能够检查给定的类是否设置在 div 上。

http://jsfiddle.net/n5e9a/

无论如何，这两个 php 文件都会被渲染，因为这里的 if 检查是在客户端 javascript 上完成的。如果您希望在客户端完成检查后仅呈现 php 文件中的数据。然后你必须从客户端获取数据，而不是从服务器端提供数据。

一种方法是通过 ajax。例如。您可以创建一个基于查询返回 html 内容的 php 脚本，例如：

checklang.php?lang=RU

在 javascript 代码中，您将有一个这样的请求：

$.get('checklang.php?lang=RU', function(data) { //switch RU with a js variable so you can change between RU and LV programatically
  $('#some-content-div').html(data);
});

Answer 4

它包含您的内容，因为它已经在服务器端生成，因此当 html 站点被传输时，php 脚本已经被渲染，而 javascript 被处理客户端，您将需要调整您的尝试

你知道这会起作用

<div id="checkLang" class ="<?php echo $valoda ?>"><div>
<div class="ru" style="display:none;">
       <?php include("lan/ru.php"); ?>
</div>

<div class="lv"  style="display:none;">
        <?php include("lan/lv.php"); ?>
</div>


$(document).ready(function()
 {
   if ($('#checkLang').hasClass('RU')){
       $('.ru').show();   
   }

if ($('#checkLang').hasClass('LV')){
     $('.lv').show();   
};             
 });

这里的例子：

http://jsfiddle.net/yVpf4/

它会渲染所有语言内容；您应该考虑在 php 代码中进行语言选择以避免额外的流量，除非您只想通过 javascript 切换语言而无需任何服务器交互。

问候一月

也如 Arun P Johny 所说

...您的脚本未添加到 dom 就绪处理程序中...

问候一月