Question

我希望在满足某个条件时替换css行。当我按Ok时，我会看到一堆数据。根据组合框中选择的内容，我希望文本为红色或黑色。我在javascript中试过但它无效。

编辑：当我按下OK时，我设法变为红色，但因为它重新加载了数据，然后返回到原始黑色。

time.css

 .time-title {
        width:auto;
        color:black;
        position:absolute;
        z-index:5;
    }

index.php - 部分内容

<label> Visualizar: </label>
<select id="estado">
<option value="Normal"> Normal </option>
<option value="Crítico"> Crítico </option>
</select>

<label id="okbt">Ok</label>

</div>
<div id='placement'></div>


<script type='text/javascript'> 
$("#okbt").on("click", function(){
        var v1 = $("#cproc").val();
        var v2 = $("#estado").val();
        var tg1 = {};

        var doc_ht = $(document).height();

        $("#placement").css({"height":"510px"});
        $(function () {

        if (v2 === "Crítico") {
        $(".time-title").css({"color":"red"});}         

            tg1 = $("#placement").timeline({
                 "min_zoom":1, 
                "max_zoom":30, 
                "image_lane_height":100,
                "icon_folder":"timeglider/icons/",
                "data_source":"pptimeline.php?ty="+v1+"&est="+v2, //add select value to url
                "constrain_to_data":false
            });
            tg_actor = tg1.data("timeline");

    var tg1_actor = tg1.data("timeline");

        window.setTimeout(function() {
            tg1_actor.refresh();
        }, 1000);      
        });
    }); 
</script>

Answer 1

您的JavaScript最有可能在DOM准备好之前执行。

尝试在div函数中包装代码：

document.ready

用PHP Conditional替换CSS行

1 个答案: