拆分不使用属性

Question

所以我正在创建一个链接到页面的功能而没有向用户显示方向，我遇到了问题而且我不知道为什么会发生这种情况。

这是我的代码：

function goTo(path) {
    var pageAttr = $(this).attr('goTo'),
        pageNExtension = pageAttr.split(' '),
        page = pageNExtension[0],
        extension = pageNExtension[1],
        pathName = path,
        locationToGo = pathName + page + extension;

    if (pathName == 'root') {
        window.location.href =  locationToGo; 
    } else if (pathName == 'sub') { 
        window.location.href =  locationToGo;
    } else { 
        window.location.href =  locationToGo;
    };
};

这是调用函数的元素：     <li goTo='home html' onclick='goTo('sub')'>Home</li>

Answer 1

一个例子

<input type="text" goTo="1 2 3" onclick="goto(this, 'path');">
<script>
    function goto(obj, path){
        var pageAttr = $(obj).attr('goTo'),
            pageNExtension = pageAttr.split(' ');
        console.log(pageNExtension);
    }
</script>

输出

Answer 2

尝试使用数据属性。

您的HTML

<li data-goTo="home html" onclick="goTo('sub')">Home</li>

你的JS

var pageAttr = $(this).data('goTo');

更支持数据属性。

更多阅读：

• jQuery Data
• The Data Attribute