我在哪里添加可见性开关在我的JavaScript

Where do I add the visibility toggle in my JavaScript?

本文关键字：我的 JavaScript 开关 可见性 在哪里 添加      更新时间：2023-09-26

我在SO上看到过其他javascript toggle问题

但是我有麻烦添加这个到我的方法。我不知道应该把它放在哪里才能使它工作。

下面是问题中的JavaScript函数:

function injectProductIFrame(w,h){
        var job_id = $("#job_id").val();
        if(job_id != "0")
        {
            var url = "/technician/"+ job_id+"/addProducts";
            $("#iframeContainer").html('<iframe src="'+url+'" width='+w+' height='+h+' />');
        }else{
            alert("Please Select a Job First. Then you can add a product");
        }
    }

这里是视图部分:

</a><a href="#productaddAdd" role="" class="" data-toggle="modal">
                              <button class="btn btn-large" id="product_frame" type="button" onClick='Javascript: injectProductIFrame("90%", "500")'> Product </button>

这没有错，除了我希望按钮关闭iFrame，如果iFrame显示的东西。这个按钮现在只是"打开"，再次点击它不会改变任何东西。

我想这个，或者类似的东西，会起作用的

    function injectProductIFrame(w,h){
    if($("#iframeContainer").html().length > 0)
    {
       $("#iframeContainer").hide();           
    }
    else
    {
       $("#iframeContainer").show();
       var job_id = $("#job_id").val();
       if(job_id != "0")
       {
           var url = "/technician/"+ job_id+"/addProducts";
           $("#iframeContainer").html('<iframe src="'+url+'" width='+w+' height='+h+' />');
       }else{
           alert("Please Select a Job First. Then you can add a product");
       }   
    }
}
相关文章：