Question

I have seen other javascript toggle questions on SO

但我无法将添加到我的方法中。我不能把头放在我应该放在哪里以使其工作。

以下是有问题的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显示的东西。现在按钮只是“打开”，再次点击它不会改变任何东西。

非常感谢任何帮助。

Answer 1

我认为这或类似的东西会起作用

    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");
       }   
    }
}

在哪里可以在JavaScript中添加可见性切换？

1 个答案: