小编Har*_*ram的帖子

多级xml到jquery中的无序列表

我正在试着从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)

javascript jquery

5
推荐指数
1
解决办法
2391
查看次数

将动画maya模型转换为JSON以与三个js一起使用

我在maya 2008中完成了一个maya模型.我需要能够将它转换为JSON格式以便与三个js一起使用.到目前为止,我已经尝试过了

1)threeJsFileTranslator.py这是一个用于导出模型的maya插件,作为threejs包的一部分提供.

2)MDD-OBJ-EXPORTER - 有了这个,我成功地将动画模型导入了blender但是当我试图将它导出到threejs时,js文件无效.

在过去的两周里,我对此深感不安.所以如果这个问题太傻了,请耐心等待,但我需要帮助才能成功地将动画maya模型转换为json格式.

请不要低估这个问题或关闭这个已经回答/可能重复的问题,因为我已经完成了以下两个SO帖子,但他们没有多大帮助

问题是将从MAYA到BLENDER的动画模型改为三个JS

玛雅到动画的三个JS

这个问题需要一个规范的答案,因为这可能会使多个人受益.一旦SO允许我开始赏金,我将奖励这个问题的赏金.

非常感谢!

html webgl three.js

5
推荐指数
1
解决办法
7691
查看次数

当网站URL输入搜索框(而不是Feed网址)时,如何通过feedly从网站获取RSS订阅源的服务

这可能是一个愚蠢的问题,不是一个完全与编程相关的问题,而是在我努力学习的过程中承担责任.

如何通过在搜索框中输入网站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吗?

再次感谢您花时间阅读问题.

javascript rss jquery json

2
推荐指数
1
解决办法
1816
查看次数

如果可缩放区域按比例缩小,可拖动元素将被放置到多个可放置区域 - 如何修复

我试图将拖放元素拖放到可放置的区域.假设我有多个相同的可放置区域,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)

javascript css jquery jquery-ui jquery-ui-droppable

2
推荐指数
1
解决办法
2545
查看次数

如何使用命令提示符检查mysql中每个数据库/表使用的内存?

databases我的mysql服务器中有两个或更多.memory数据库使用的总数是14GB.我想知道,每个数据库及其表使用的内存.

mysql database memory

2
推荐指数
1
解决办法
6915
查看次数

json嵌套无序列表

我试图将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 jquery json html-lists

1
推荐指数
1
解决办法
1171
查看次数

background-size:contain 在 Firefox 中切断图像边缘

假设这是我的 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演示

html css

1
推荐指数
1
解决办法
3045
查看次数

在javascript中查找字符串在设定宽度的div内(没有新的行分隔符)运行的行数

我有一个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)

不行.

这是同样的小提琴.

小提琴

有人可以帮我解决这个问题.谢谢 :-)

html javascript css string jquery

0
推荐指数
1
解决办法
1233
查看次数

将Jquery对象更改为<ul> <li>

我有以下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)

javascript jquery

-1
推荐指数
1
解决办法
100
查看次数