Javascript帮助|Jquery插件社会主义

这就是我所拥有的，当我单击链接时它不起作用。

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>The Conceited Cat | a Modest Mouse fansite</title>
    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="style.css" rel="stylesheet" type="text/css">
    <link href="css/jquery.socialist.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.8.1.js" type="text/javascript"></script>
    <script src="js/jquery.socialist.js" type="text/javascript"></script>
    <script>
$(document).ready(function() {   
                $('nav a').click(function() {
                    var social = $(this).attr('title');
                    var artist = $(this).attr('rel');
                    return false;
            })
        });
    </script>
</head>
<body>
    <div id="wrapper">
        <h1>THE CONCEITED CAT</h1>
        <h3>a Modest Mouse fansite</h3>
        <nav>
            <ul>
                <li>
                    <a href=
                    "http://www.youtube.com/channel/UCIJdJU2RCaOieKNh7vCxWCA"
                    rel="UCIJdJU2RCaOieKNh7vCxWCA" title="youtube">modest
                    mouse</a>
                </li>
            </ul>
        </nav>
        <div id="socialistContainer"></div><script type="text/javascript">
        $("#socialistContainer").socialist({ 
        networks: [ 
        { name: social , id: artist } 
        ]
        });

        </script>
    </div>
</body>
</html>

如果我手动输入名称："youtube"，id："UCIJdJU2RCaOieKNh7vCxWCA"，效果会很好但需要它来处理链接。如有任何帮助，我们将不胜感激。谢谢粘土

social和artist直到单击<a>元素才定义，即使在那时（因为使用了var）它们的作用域也属于该函数。

当您尝试将它们传递给socialist时，它们都超出了范围，并且尚未定义。

解决方案可能是将调用移动到socialist，使其位于用作单击处理程序的函数内部。

相关内容

最新更新

热门标签：