Question

我正在尝试通过简单的表单设置自定义光标。表单有一个输入框，用户可以在其中键入光标/图像的直接URL，单击该按钮时，URL将设置为变量。

正在设置变量，但我无法将其传递给jquery游标URL，例如：

$('.customCur').css( 'cursor', 'url(str), auto' );

这是完整的代码：

<!DOCTYPE html>
<html class="customCur">
 <head>
<title>Cursor Demo</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>

<h1>Set Cursor Demo</h1>

<form action="">
Cursor URL: <input type="text" name="cursorURL"><br />
<input id="btn" type="button" value="Set Cursor">

<script>
    $(document).ready(function() {
        $( '#btn' ).click(function() {
        var str = $( 'input' ).val();
        $('.customCur').css( 'cursor', 'url(str), auto' );
        });
    });
</script>
</body>
</html>

希望有人能提供帮助，谢谢。

Answer 1

您需要连接字符串变量，如下所示：

 $('.customCur').css( 'cursor', 'url(' + str + '), auto' );

如你所知，str只是被视为一个字符串而你想要变量的值。

使用jquery输入变量设置自定义光标？

1 个答案: