我正在试着从xml文件中创建一个无序列表,目前为止没有运气.我知道如何从jQuery处理xml,但我无法弄清楚如何制作多级无序列表.
这是我迄今取得的成就.
xml文件
<?xml version="1.0" encoding="utf-8"?>
<Parent>Director
<Children>Exe Director1</Children>
<Children>Exe Director2</Children>
<Parent>Exe Director2
<Children>Sub Director 1</Children>
<Children>Sub Director 2</Children>
<Parent>Sub Director 3
<Children>Cameraman 1</Children>
<Children>Cameraman 2</Children>
</Parent>
</Parent>
</Parent>
Run Code Online (Sandbox Code Playgroud)
html文件
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var levels;
$(document).ready(function()
{
$.ajax({
type: "GET",
url: "test.xml",
dataType: "xml",
success: xmlParser
});
});
function xmlParser(xml)
{
$(xml).find("Children").each(function()
{
var text = $(this).text();
});
}
</script>
</head>
<body>
<div id="ListContainer"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是预期的清单
<ul>
<li>Exe Director1</li> …
Run Code Online (Sandbox Code Playgroud) 我在maya 2008中完成了一个maya模型.我需要能够将它转换为JSON格式以便与三个js一起使用.到目前为止,我已经尝试过了
1)threeJsFileTranslator.py这是一个用于导出模型的maya插件,作为threejs包的一部分提供.
2)MDD-OBJ-EXPORTER - 有了这个,我成功地将动画模型导入了blender但是当我试图将它导出到threejs时,js文件无效.
在过去的两周里,我对此深感不安.所以如果这个问题太傻了,请耐心等待,但我需要帮助才能成功地将动画maya模型转换为json格式.
请不要低估这个问题或关闭这个已经回答/可能重复的问题,因为我已经完成了以下两个SO帖子,但他们没有多大帮助
这个问题需要一个规范的答案,因为这可能会使多个人受益.一旦SO允许我开始赏金,我将奖励这个问题的赏金.
非常感谢!
这可能是一个愚蠢的问题,不是一个完全与编程相关的问题,而是在我努力学习的过程中承担责任.
如何通过在搜索框中输入网站URL来FEEDLY从网站上检索提要/新闻.
例如,我在搜索字段中输入了http://www.inspirationfeed.com,并且传递的AJAX调用/查询字符串是
http://cloud.feedly.com/v3/search/feeds?q=http%3A%2F%2Finspirationfeed.com%2F&n=20&ck=1381664838936
它返回了一个JSON作为响应
{"results":[{"deliciousTags":["Design","inspiration","Diseño","Web Design","webdesign","graphic design"],"lastUpdated":1381561980000,"score":27531.265625,"website":"http://inspirationfeed.com","title":"inspirationfeed.com","subscribers":1772,"language":"en","velocity":16.3,"feedId":"feed/http://feeds.feedburner.com/inspirationfeed/BTLD","description":"be inspired!"},{"deliciousTags":["DESIGN","Inspiration"],"lastUpdated":1381474380000,"score":48.0,"website":"http://inspirationfeed.com","title":"inspirationfeed.com » Inspiration","subscribers":48,"language":"en","velocity":4.7,"feedId":"feed/http://inspirationfeed.com/category/inspiration/feed/","description":"be inspired!"},{"deliciousTags":["design"],"lastUpdated":1381479900000,"score":294.7439270019531,"website":"http://inspirationfeed.com","title":"inspirationfeed.com » Articles","subscribers":27,"language":"en","velocity":11.7,"feedId":"feed/http://inspirationfeed.com/category/articles/feed/","description":"be inspired!"},{"deliciousTags":["Photography"],"lastUpdated":1381129620000,"score":17.0,"website":"http://inspirationfeed.com","title":"inspirationfeed.com » Photography","subscribers":17,"language":"en","velocity":0.7,"feedId":"feed/http://inspirationfeed.com/category/photography/feed/","description":"be inspired!"},{"deliciousTags":["Little Bit of Everything-Amatuer"],"lastUpdated":1381396020000,"score":109.16442108154297,"website":"http://inspirationfeed.com","title":"inspirationfeed.com » Blogging","subscribers":10,"language":"en","velocity":0.5,"feedId":"feed/http://inspirationfeed.com/category/articles/blogging/feed/","description":"be inspired!"}]}
Run Code Online (Sandbox Code Playgroud)
我理解的是什么
1)基于密钥deliciousTags
,反馈生成#标签2)基于密钥score
,以自上而下的顺序依次排列网站提供的不同提要/新闻URL
我不懂的是
1)如何通过只输入网站URL(资讯提供ly得到的消息饲料/ RSS网址示例: "feedId":"feed/http://feeds.feedburner.com/inspirationfeed/BTLD"
)
2)需要为这样的事物编写什么类型的Web服务.是否需要服务器端脚本来深入搜索相关网站并检索提要URL?可以使用JQuery/Javascript在客户端本身获取提要URL吗?
再次感谢您花时间阅读问题.
我试图将拖放元素拖放到可放置的区域.假设我有多个相同的可放置区域,class
我已经drop
为此编写了一个事件处理程序class
.
如果我使用可缩放区域缩小-webkit-transform:scale(0.3,0.3);
,则drop事件很奇怪.在可拖动元素连接到其中一个可投放区域之前,下降发生在多个可放置区域上.
我认为这个问题是因为使用了scale
但我对如何解决它没有任何想法.谷歌搜索也没有帮助.
我为DEMO设置了一个小提琴.
这是我的代码
剧本
var click = {
x: 0,
y: 0
}; // used for recording mouse cords
$('document').ready(function(event){
for(var i = 0 ; i <= 72 ; i++)
{
$('<div></div>').attr({'class':'drop_zone','id':'drop_'+i}).appendTo($('.main_container'));
}
$('.drop_zone').each(function(index,element){
$(this).attr('id','drop_'+index);
})
$('.draggable').draggable();
$('.draggable').on('dragstart',function(event,ui){
$('#droppable_area_ids').html('');
click.x = event.clientX;
click.y = event.clientY;
})
$('.draggable').on('drag',function(event,ui){
var zoom = 0.3;
var original = ui.originalPosition;
ui.position = {
left: (event.clientX - click.x + original.left) / zoom, …
Run Code Online (Sandbox Code Playgroud) databases
我的mysql
服务器中有两个或更多.memory
数据库使用的总数是14GB
.我想知道,每个数据库及其表使用的内存.
我试图将JSON转换为jQuery中的无序列表.这是我的JSON数据.
var myJSON = "{name:\"Director\",children:[name:\"Exe Director1\",name:\"Exe Director2\",name:\"Exe Director3\",children:[name:\"Sub Director1\",name:\"Sub Director2\",name:\"Sub Director3\",children:[name:\"Cameraman 1\",name:\"Cameraman 2\"]]]}";
Run Code Online (Sandbox Code Playgroud)
预期的产出是
<ul>
<li>Director
<ul>
<li>Exe Director 1</li>
<li>Exe Director 2</li>
<li>Exe Director 3
<ul>
<li>Sub Director 1</li>
<li>Sub Director 2</li>
<li>Sub Director 3
<ul>
<li>Cameraman 1</li>
<li>Cameraman 2</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我该如何解决这个问题!
干杯,
假设这是我的 HTML。
<div id="spirit_tutorial_reward">
<div id="spirit_tutorial_reward_icon" style="background:url({$MEDIA_IMAGE_DOWNLOAD_PATH}appimages/gift_icon_spirit.png) no-repeat;background-size: contain;"></div>
<div id="spirit_tutorial_reward_header">45 Spirit</div>
<div id="spirit_tutorial_reward_text">Use Spirit to recruit new Rusherz in the Locker Room!</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我的造型:
#spirit_tutorial_reward
{
position:absolute;
top:77px;
left:371px;
width:45%;
}
#spirit_tutorial_reward_icon
{
background:url(../images/gift_icon_spirit.png) top no-repeat;
width:60px;
height:60px;
position:absolute;
top:0px;
left:0px;
float:left;
}
#spirit_tutorial_reward_header
{
font-size: 15px;
font-family:"NFLEndzoneSansBold";
color: #000;
position:absolute;
left:69px;
top:0px;
float:left;
}
#spirit_tutorial_reward_text
{
font-size: 15px;
font-family:"NFLEndzoneSansBold";
color: #000;
position:absolute;
left:69px;
top:22px;
float:left;
}
Run Code Online (Sandbox Code Playgroud)
在无缩放或正常模式下,图像在 Firefox 上似乎已被切断(见附图),但当我缩放页面时,图像似乎变得更好(见附图)。我只在 Firefox 中遇到这个问题。这里的任何人都可以帮助我。
编辑:问题的FIDDLE演示
我有一个div
设定的宽度,我有一个span
有一些文字.造型
#web_view_container
{
position:absolute;
top:100px;
left:100px;
width:306px;
height:202px;
overflow:auto;
}
.sentences
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
line-height:120%;
}
Run Code Online (Sandbox Code Playgroud)
HTML
<div id="web_view_container">
<span class="sentences">Hello, This is last sentence This is last sentence This is last sentence This is last sentence This is last sentence.</span>
</div>
Run Code Online (Sandbox Code Playgroud)
现在,我将如何获得这个<span>
已经遇到的行数.
请注意,我没有使用新行字符等等
var lines = $('#web_view_container').html().split("\n");
alert(lines.length);
Run Code Online (Sandbox Code Playgroud)
不行.
这是同样的小提琴.
有人可以帮我解决这个问题.谢谢 :-)
我有以下jquery对象: -
(function ($) {
var menu = [{
title: Main1",
href: "/"
}, {
title: "Main2",
href: "/main2",
items: [{
title: "SubMain2_1",
href: "/subMain2_1"
}, {
title: "SubMain2_2",
href: "/subMain2_2"
}]
}, {
title: "Main3",
href: "/main3",
items: [{
title: "SubMain3_1",
href: "/subMain3_1"
}, {
title: "SubMain3_2",
href: "/subMain3_2",
items: [{
title: "SubSubMain3_1",
href: "/SubSubMain3_2"
}, {
title: "SubSubMain3_2",
href: "/subSubMain3_2"
}]
}, {
title: "SubMain3_3",
href: "/subMain3_3"
}]
}, {
title: "Main4",
href: "/main4"
}];
});
Run Code Online (Sandbox Code Playgroud)
我希望把它变成
<ul> …
Run Code Online (Sandbox Code Playgroud)