首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将div属性none更改为阻止

如何将div属性none更改为阻止
EN

Stack Overflow用户
提问于 2018-01-04 03:55:29
回答 3查看 93关注 0票数 1

在我的项目中,我使用ajax将html内容提取到cenDiv div。

我的ajax代码是:

代码语言:javascript
运行
复制
$.ajax({
  dataType: 'html',
  type: "POST",
  url: "oat.php",
  data: {
    standby: standby
  },
  success: function(data) {
    $("#cenDiv").html(data);
    $.parser.parse($('#corWSId').parent());
  }
}); 

我的oat.php代码是:

代码语言:javascript
运行
复制
if(isset($_POST['inAppInit']))
{   
 echo '
   ........
   <div style="display:none" id="attFId">...</div>
   <div style="display:block" id="attNId">...</div>
   ........
  ';
}

现在,我想改变两者的显示。我的js功能是:

代码语言:javascript
运行
复制
function storFirDoc() {
  var docTV = $('#docTitle').val();
  if (docTV == "") {
    alert("not none");
    exit;
  } else {
    alert('test'); //works Ok
    //loadjscssfile('jsui/easyui-1.5.3/jquery.min.js', "js"); 
    //loadjscssfile('jsui/easyui-1.5.3/jquery.easyui.min.js', "js"); 
    $('#attNId').css('display', 'block'); //works fail
    $('#attFId').css('display', 'none'); //works fail
  }
}

我知道在DOM中找不到attNIdattFId,因为它们都来自ajax返回。因此,我使用loadjscssfile函数重新加载js头js。但它又失败了。

谁能帮我?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-01-04 04:48:59

代码语言:javascript
运行
复制
$('#attNId').attr("style", "display:none");
$('#attFId').attr("style", "display:block");

工作很好

票数 0
EN

Stack Overflow用户

发布于 2018-01-04 04:52:51

这对你会很好的。

代码语言:javascript
运行
复制
$('#attNId').show();
$('#attFId').hide();
票数 1
EN

Stack Overflow用户

发布于 2018-01-04 06:38:25

我认为在ajax调用中需要使用complete: function()

因此,当ajax数据加载复杂时,则调用storFirDoc()函数。就像下面。

代码语言:javascript
运行
复制
$.ajax({
    dataType: 'html',
    type: "POST",
    url: "oat.php",
    data: {
    standby: standby
    },
    success: function(data) {
        $("#cenDiv").html(data);
        $.parser.parse($('#corWSId').parent());
    }
    complete: function () {
        var docTV = $('#docTitle').val();
        if (docTV == "") {
            alert("not none");
            exit;
        } else {
        alert('test'); //works Ok
            //loadjscssfile('jsui/easyui-1.5.3/jquery.min.js', "js"); 
            //loadjscssfile('jsui/easyui-1.5.3/jquery.easyui.min.js', "js"); 
            $('#attNId').css('display', 'block'); //works fail
            $('#attFId').css('display', 'none'); //works fail
        }
    }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48088441

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档