Button 检测Dojox移动工具栏按钮是否可见

我有一个工具栏按钮浮动在标题中，类似于dojox.mobile.heading（）文档中给出的示例：-

产生：

我的问题是，虽然短标题（如上面的语音备忘录）也可以，但对于较小宽度设备上的较长标题，右侧的工具栏按钮会被牺牲，根本不会显示

我想在页面上显示一些不可见的内容。是否可以检测右侧浮动工具栏按钮的可见性，如果不可见，请在页面下方添加其他内容（例如链接）？如果是这样，我该怎么做

---

使用Dojox Mobile 1.9.2

一种方法是按代码设置标签，根据实际屏幕大小使用长文本或短文本。下面是一个粗略的实现：

var heading = registry.byId("heading");
var adjustLabel = function() {
  var dim = common.getScreenSize(); // dojox/mobile/common
  var label = dim.w  > 350 ? // adjust the value as needed
    "This is quite a long label" : "Short label";
  heading.set("label", label);
  heading.resize(); 
}
adjustLabel();
connect.subscribe("/dojox/mobile/resizeAll", function(){
  adjustLabel();
});           

Livehere：（您可以通过调整右侧窗格的大小来测试它：标签会自动调整；在方向改变时，手机或平板电脑上也会发生同样的情况）

---

也就是说，我不会（使用Dojo 1.9.2）再现这样一个事实，即在代码保持原样的情况下，右侧的按钮不会显示。您可以在此处尝试：。我还通过将您的HTML片段添加到dojox/mobile/test_Heading.HTML中，在JSFIDLE之外对其进行了测试——在Chrome/Windows、Chrome/Android和Safari/iOS中，它的行为都是相同的

谢谢你的回复。我不太清楚为什么我的行为不同。我使用“dojo/domReady！”其中使用“dojo/ready”，我的dojo.js javascript标记包括数据dojo config=“async:true，parseOnLoad:true”。我还把整件事都包在一个。。。。不管怎样，如果主标签太长，右边的按钮就不会显示。与其在标签太长时缩短它（你的建议是这样做的），我宁愿检测右侧按钮是否显示，如果不显示，则在页面下方进一步显示。。。

var heading = registry.byId("heading");
var adjustLabel = function() {
  var dim = common.getScreenSize(); // dojox/mobile/common
  var label = dim.w  > 350 ? // adjust the value as needed
    "This is quite a long label" : "Short label";
  heading.set("label", label);
  heading.resize(); 
}
adjustLabel();
connect.subscribe("/dojox/mobile/resizeAll", function(){
  adjustLabel();
});