小编Edg*_*yan的帖子

使下拉宽度适应其内容

我有以下 CSS 和 HTML:

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: inline-block;
  width: auto;
}

.dropdown-content a:hover {
  background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
  display: inline-block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41; …
Run Code Online (Sandbox Code Playgroud)

html css

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

简单的JS代码,用于突出显示段落中的搜索文本

我正在尝试重写这段代码以满足我的需要,但是我迷失了小提琴手的所有替代魔法.这是我修改过的小提琴.

我的目标是找到段落中"a"字母的所有出现并突出显示它们.我只是无法弄清楚为什么我的信件被替换1$而不是被突出显示.谁能帮我这个 ?

HTML

<div id="searchtext">
  <p>I want to highlight all "a" letters in this paragraph</p>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

$(document).ready(function() {
      var text = 'a';
      var query = new RegExp(text, "gim");
      var e = document.getElementById("searchtext").innerHTML;
      var enew = e.replace(/(<span>|<\/span>)/igm, "");
      document.getElementById("searchtext").innerHTML = enew;
      var newe = enew.replace(query, "<span>1$</span>");
      document.getElementById("searchtext").innerHTML = newe;
    });
Run Code Online (Sandbox Code Playgroud)

CSS:

#searchtext span {
  background-color: #FF9;
  color: #555;
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

未捕获的类型错误:Vue.use 不是函数

我对 VueJS 比较陌生,现在我正在尝试替换

 <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

经过

<script src="https://unpkg.com/vue@next"></script>
Run Code Online (Sandbox Code Playgroud)

问题是,在此更改之后,以前的工作代码被破坏了:

<script>
    window.addEventListener('load', () => {
        const defaultOptions = {
            position: 'bottom-center'
        }
        Vue.use(Toasted, defaultOptions) # The error arises here
    });

</script>
Run Code Online (Sandbox Code Playgroud)

我遇到了

未捕获的类型错误:Vue.use 不是函数

我在这里做错了什么?

更新:我现在没有使用 webpack。没有 webpack 可以做到这一点吗?

html vue.js vuejs3 vue-composition-api

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

将下拉菜单宽度设置为自动

我的问题最好用简单的 JSFiddle 来描述。我想要做的就是让我的下拉菜单宽度取决于其内容宽度,以便所有选项标签都在单行上而没有换行符。

JSFiddle

<div>
  <span style='cursor:pointer; float:right'>
                                    <div class="btn-group pull-right">
                                        <button id = 'majic' type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span class="glyphicon glyphicon-cog"></span>
  </button>
  <ul style = 'padding:10px' class="dropdown-menu">
    <li class="dropdown-submenu">
      <input id="full_package_filter" type="checkbox" name="vehicle" checked>? ?????? ??????? ??????????<span class='useful_stat'></span>
      <br>
      <input id="not_full_package_filter" type="checkbox" name="vehicle" checked>? ???????? ??????? ??????????<span class='useful_stat'></span>
      <br>
    </li>
    <li class="dropdown-submenu"></li>
    <li class="dropdown-submenu"></li>
    <li class="dropdown-submenu"></li>
  </ul>
</div>
</span>
</div>
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap

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

Django JWT身份验证-用户在中间件中是匿名的

我正在使用Django JWT启动项目中的身份验证系统。另外,我有一个中间件,问题是在内部,该用户由于某种原因是匿名的,而在该视图中,我可以通过访问该正确的用户request.user。这个问题使我发疯,因为前一段时间该代码运行良好!这是JWT的错误,还是我做错了什么?

class TimezoneMiddleware(MiddlewareMixin):
         def process_request(self, request):
            # request.user is ANONYMOUS HERE !!!!
            if not request.user.is_anonymous:
                  tzname = UserProfile.objects.get(user = request.user).tz_name
                  if tzname:
                       timezone.activate(pytz.timezone(tzname))
Run Code Online (Sandbox Code Playgroud)

相关的settings.py模块:

REST_FRAMEWORK = {
    'DEFAULT_AUTHENTICATION_CLASSES': (
        'rest_framework.authentication.SessionAuthentication',
        'rest_framework.authentication.BasicAuthentication',
        'rest_framework_jwt.authentication.JSONWebTokenAuthentication',
    ),
    'DEFAULT_PERMISSION_CLASSES': (
        'rest_framework.permissions.IsAuthenticated',
    ),
    'DEFAULT_RENDERER_CLASSES': (
        'djangorestframework_camel_case.render.CamelCaseJSONRenderer',
        # Any other renders
    ),

    'DEFAULT_PARSER_CLASSES': (
        'djangorestframework_camel_case.parser.CamelCaseJSONParser',
        # Any other parsers
    ),
}

JWT_AUTH = {
    'JWT_ENCODE_HANDLER':
    'rest_framework_jwt.utils.jwt_encode_handler',

    'JWT_DECODE_HANDLER':
    'rest_framework_jwt.utils.jwt_decode_handler',

    'JWT_PAYLOAD_HANDLER':
    'rest_framework_jwt.utils.jwt_payload_handler',

    'JWT_PAYLOAD_GET_USER_ID_HANDLER':
    'rest_framework_jwt.utils.jwt_get_user_id_from_payload_handler',

    'JWT_RESPONSE_PAYLOAD_HANDLER': 'rest_framework_jwt.utils.jwt_response_payload_handler', 
    # 'rest_authentication.views.jwt_response_payload_handler',
    'JWT_SECRET_KEY': SECRET_KEY,
    'JWT_PUBLIC_KEY': None,
    'JWT_PRIVATE_KEY': None,
    'JWT_ALGORITHM': 'HS256', …
Run Code Online (Sandbox Code Playgroud)

django-middleware django-rest-framework-jwt

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

将 django_social 添加到 INSTALLED_APPS 时出现“TypeError: object of type 'map' has no len()”错误

我正在尝试实现 django 社交身份验证,并做到了这一点pip install social-auth-app-django,然后我继续将其添加social_django到我的INSTALLED_APPS. 之后,当我运行应用程序时,我收到以下错误(我正在提交整个回溯):

Traceback (most recent call last):
  File "c:\users\edgar\appdata\local\programs\python\python35\lib\threading.py", line 914, in _bootstrap_inner
    self.run()
  File "c:\users\edgar\appdata\local\programs\python\python35\lib\threading.py", line 862, in run
    self._target(*self._args, **self._kwargs)
  File "C:\Users\Edgar\venvs\internet-lead\lib\site-packages\django\utils\autoreload.py", line 54, in wrapper
    fn(*args, **kwargs)
  File "C:\Users\Edgar\venvs\internet-lead\lib\site-packages\django\core\management\commands\runserver.py", line 109, in inner_run
    autoreload.raise_last_exception()
  File "C:\Users\Edgar\venvs\internet-lead\lib\site-packages\django\utils\autoreload.py", line 77, in raise_last_exception
    raise _exception[1]
  File "C:\Users\Edgar\venvs\internet-lead\lib\site-packages\django\core\management\__init__.py", line 337, in execute
    autoreload.check_errors(django.setup)()
  File "C:\Users\Edgar\venvs\internet-lead\lib\site-packages\django\utils\autoreload.py", line 54, in wrapper
    fn(*args, **kwargs)
  File "C:\Users\Edgar\venvs\internet-lead\lib\site-packages\django\__init__.py", line 24, in setup
    apps.populate(settings.INSTALLED_APPS)
  File "C:\Users\Edgar\venvs\internet-lead\lib\site-packages\django\apps\registry.py", line …
Run Code Online (Sandbox Code Playgroud)

python-social-auth

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